:root{--primary-color:#2563eb;--secondary-color:#1e40af;--success-color:#059669;--danger-color:#dc2626;--warning-color:#d97706;--background-color:#f5f5f5;--card-color:#fff;--nav-color:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f5f5;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;transition:background-color .3s ease}body.has-background-image:before{background:#0006;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.app{min-height:100vh;position:relative}.container{max-width:100%;padding:2rem 1rem}.transaction-list-container{margin:0 auto;max-width:80%;padding:2rem 1rem;position:relative;z-index:1}.tab-content{animation:fadeIn .3s ease-in}.btn-icon:focus,.btn-primary:focus,.btn-secondary:focus,.nav-tab:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.action-buttons,.btn-icon,.btn-primary,.btn-secondary,.nav{display:none}.container{max-width:none;padding:0}.card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.profit,.text-success{color:var(--success-color)!important;font-weight:600}.loss,.text-danger{color:var(--danger-color)!important;font-weight:600}.text-muted{color:var(--text-muted)!important}.positive{color:var(--success-color)!important}.negative{color:var(--danger-color)!important}.app-content .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.app-content .section-header h2{color:var(--text-color);font-size:2rem}.section{margin-bottom:2rem}.section h3{color:#374151;font-size:1.25rem;margin-bottom:1rem}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;margin-top:1rem;padding:.75rem}.nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--nav-color);border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem}.nav-title{color:var(--primary-color);font-size:1.5rem;font-weight:700}.nav-tabs{align-items:center;display:flex;gap:1rem}.nav-tab{background:none;border:none;border-radius:.375rem;color:inherit;cursor:pointer;font-size:14px;font-weight:500;padding:.5rem 1rem;transition:all .2s}.nav-tab:hover{background:#f3f4f6}.nav-tab.active{background:var(--primary-color);color:#fff}.nav-dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;display:flex;gap:6px;position:relative}.dropdown-arrow{font-size:10px;opacity:.7;transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-trigger:hover .dropdown-arrow{opacity:1}.dropdown-menu{animation:dropdownFadeIn .15s ease-out forwards;background:#fff;background:var(--nav-color,#fff);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 25px #00000026;left:0;min-width:180px;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 8px);transform:translateY(-10px);z-index:1001}@keyframes dropdownFadeIn{to{opacity:1;transform:translateY(0)}}.dropdown-item{background:none;border:none;border-bottom:1px solid #00000014;color:inherit;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:12px 16px;position:relative;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#0000000d;padding-left:20px}.dropdown-item.active{background:var(--primary-color);color:#fff}.dropdown-item.active:hover{background:var(--primary-color);filter:brightness(.9);padding-left:20px}.dropdown-item.active:before{content:"●";font-size:8px;left:8px;opacity:.8;position:absolute}.nav-tab.dropdown-trigger.active{position:relative}.nav-tab.dropdown-trigger.active:after{background:#fff;border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}@media (max-width:768px){.nav-tabs{flex-direction:column;gap:.5rem;width:100%}.nav-container{align-items:stretch;flex-direction:column;gap:1rem}.dropdown-menu{animation:none;background:#00000005;border:none;border-radius:0;border-top:1px solid #0000001a;box-shadow:none;margin-left:1rem;margin-top:0;opacity:1;position:static;transform:none}.dropdown-item{border-bottom:1px solid #0000000d;padding:10px 16px}.dropdown-item:hover{padding-left:16px}.nav-tab.dropdown-trigger.active:after{display:none}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;padding:1.5rem;transition:all .2s ease}.card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.card-header{gap:.5rem;margin-bottom:.5rem}.card-header h3{color:#1f2937;font-size:1.125rem;margin:0}.card-header span{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.analytics-card .card-header span,.analytics-grid .card-header span,.card-header span,.dashboard .card-header span,.payment-item .card-header span,.performance-card .card-header span,.tab-content .card-header span{color:#6b7280!important}.card-value{color:#1f2937!important;margin-top:.5rem}.card-value.profit{color:#059669!important}.card-value.danger{color:#dc2626!important}.analytics-card .card-value,.analytics-grid .card-value,.dashboard .card-value,.payment-item .card-value,.performance-card .card-value,.tab-content .card-value{color:#1f2937!important}.analytics-card .card-value.profit,.analytics-grid .card-value.profit,.dashboard .card-value.profit,.payment-item .card-value.profit,.performance-card .card-value.profit,.tab-content .card-value.profit{color:#059669!important}.analytics-card .card-value.danger,.analytics-grid .card-value.danger,.dashboard .card-value.danger,.payment-item .card-value.danger,.performance-card .card-value.danger,.tab-content .card-value.danger{color:#dc2626!important}.card-content{margin-top:1rem}.highlight-card{background:linear-gradient(135deg,#2563eb0d,#2563eb05);border:2px solid var(--primary-color);position:relative}.card-change{color:#6b7280;font-size:.75rem;margin-top:.5rem}.card-change .positive{color:#059669}.card-change .negative{color:#dc2626}.card-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.balance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.balance-card{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;text-align:center}.balance-card h4{color:#1f2937;margin-bottom:.5rem}.balance{font-size:1.5rem;font-weight:700}.balance,.balance.positive{color:#059669}.balance.negative{color:#dc2626}.payment-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.payment-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.payment-item:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.payment-info h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.payment-type{color:#6b7280;font-size:.875rem;margin-bottom:1rem;text-transform:capitalize}.payment-details{display:flex;flex-direction:column;gap:.75rem}.payment-balance-row{align-items:center;display:flex;justify-content:space-between}.payment-balance-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.payment-balance{font-size:1.125rem;font-weight:700}.payment-balance.positive{color:#059669}.payment-balance.negative{color:#dc2626}.credit-limit-row{align-items:center;display:flex;justify-content:space-between}.credit-limit-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.credit-limit{color:#1f2937;font-size:.875rem;font-weight:600}.performance-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.performance-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.performance-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.performance-card h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.performance-stats{display:flex;flex-direction:column;gap:.75rem}.performance-stats .stat{align-items:center;display:flex;justify-content:space-between}.performance-stats .stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.performance-stats .stat-value{font-size:.875rem;font-weight:600}.performance-stats .stat-value.profit{color:#059669}.performance-stats .stat-value.loss{color:#dc2626}.empty-state{color:#6b7280;padding:3rem 1rem}.empty-state h3{color:#1f2937;margin:1rem 0 .5rem}.loading-state{color:#6b7280;padding:3rem 1rem;text-align:center}.loading-state h3{color:#1f2937;margin:1rem 0 .5rem}.btn-primary{background:var(--primary-color);border-radius:.375rem;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-primary:hover{background:var(--secondary-color);transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af}.btn-secondary{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-secondary:hover{background:#f9fafb}.btn-secondary:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;transform:none}.btn-icon{align-items:center;border-radius:.25rem;display:flex;justify-content:center;padding:.375rem;transition:all .2s}.btn-icon.text-danger:hover{background:#fee2e2}.calculator-btn.active.btn-primary{background:var(--secondary-color);box-shadow:0 0 0 3px #2563eb33;transform:translateY(-1px)}.calculator-btn.active.btn-secondary{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb33;color:#fff}.calculator-btn:not(.active){opacity:.7}.calculator-btn:not(.active):hover{opacity:1}.modal-overlay{padding:1rem}.modal{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:100%}.modal-large{max-width:700px}.modal h3{color:var(--text-color);font-size:1.25rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{border-radius:.375rem;padding:.5rem .75rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{min-height:80px;resize:vertical}.form-group label input[type=checkbox]{margin-right:.5rem;width:auto}.form-actions .btn-primary,.form-actions .btn-secondary{min-width:100px}.status{border-radius:1rem;padding:.25rem .75rem;white-space:nowrap}.status-purchased{background:#dbeafe;color:#1e40af}.status-processing{background:#fef3c7;color:#92400e}.status-withdrawn{background:#d1fae5;color:#065f46}.status-failed{background:#fee2e2;color:#991b1b}.status-cash{background:#d1fae5;color:#065f46}.status-points{background:#e0e7ff;color:#3730a3}@media (max-width:1024px){.charts-row{gap:1.5rem;grid-template-columns:1fr}.chart-section.half-width{margin-bottom:2rem}}@media (max-width:768px){.nav-container{flex-direction:column;gap:1rem}.nav-tabs{flex-wrap:wrap;justify-content:center}.section-header{align-items:flex-start;flex-direction:column;gap:1rem}.container{padding:1rem}.modal{margin:1rem;max-width:none}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.ccc-decoder{padding:0 .5rem}.decoder-input-section,.result-section{margin-bottom:1.5rem;padding:1.5rem}.calculator-row{gap:1rem}.calculator-row,.financial-grid{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(2,1fr)}.risk-grid{grid-template-columns:1fr}.ratio-labels{flex-direction:column;gap:.5rem;text-align:center}.ratio-bar{height:50px}.ratio-indicator{height:70px;top:-10px;width:70px}.ratio-value{font-size:.75rem}.ratio-status{font-size:1rem;padding:.5rem 1rem}.ratio-interpretation{margin-top:1.5rem}.calculator-results{margin-top:1.5rem;padding:1.5rem}.results-grid{gap:1.5rem}.result-breakdown,.result-overview,.result-summary{padding:1.5rem}.overview-stats{gap:1rem}.breakdown-grid,.overview-stats{grid-template-columns:1fr}.breakdown-item{align-items:flex-start;flex-direction:column;gap:.5rem;text-align:left}.breakdown-value{font-size:1.125rem;text-align:left}.profit-amount{font-size:2rem}.stat-value{font-size:1.5rem}.stat-value.highlight{font-size:1.75rem}.summary-card{padding:1.5rem}.profit-highlight{padding:1rem}.calculator-actions,.decoder-actions{flex-direction:column}}@media (max-width:480px){.nav-title{font-size:1.25rem}.card-value,.section-header h2{font-size:1.5rem}.nav-tabs{gap:.5rem}.nav-tab{font-size:.875rem;padding:.375rem .75rem}.container{padding:.5rem}.breakdown-item,.calculator-results,.modal{padding:1rem}.profit-amount{font-size:1.75rem}.strategy-explanation p{font-size:.875rem}}.custom-alert-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.custom-alert{animation:alertSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:2rem;position:relative;text-align:center;transform-origin:center;width:100%}.alert-icon{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:2rem;font-weight:900;height:64px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:64px}.alert-icon.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98166}.alert-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b66}.alert-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.alert-icon.info{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 4px 12px #3b82f666}.alert-icon:before{animation:iconPulse 2s ease-out infinite;background:inherit;border-radius:50%;bottom:-4px;content:"";left:-4px;opacity:.3;position:absolute;right:-4px;top:-4px}.alert-title{color:#1f2937;font-size:1.375rem;font-weight:700;line-height:1.3;margin-bottom:1rem}.alert-message{word-wrap:break-word;color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:2rem;max-width:100%;text-align:center}.alert-button{background:linear-gradient(135deg,#3b82f6,#1e40af);border:none;border-radius:.75rem;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .2s ease}.alert-button:hover{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 6px 12px -1px #3b82f666;transform:translateY(-2px)}.alert-button:active{box-shadow:0 2px 4px -1px #3b82f64d;transform:translateY(0)}.alert-button:focus{box-shadow:0 0 0 3px #3b82f64d;outline:none}.alert-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;width:0}.alert-button:active:before{height:300px;width:300px}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes alertSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes alertSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(-20px)}}@keyframes iconPulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.custom-alert.success .alert-button{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d}.custom-alert.success .alert-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 12px -1px #10b98166}.custom-alert.warning .alert-button{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 6px -1px #f59e0b4d}.custom-alert.warning .alert-button:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 12px -1px #f59e0b66}.custom-alert.error .alert-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px -1px #ef44444d}.custom-alert.error .alert-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 12px -1px #ef444466}@media (max-width:768px){.custom-alert-overlay{padding:1rem}.custom-alert{margin:0 1rem;max-width:350px;padding:1.5rem}.alert-icon{font-size:1.75rem;height:56px;margin-bottom:1.25rem;width:56px}.alert-title{font-size:1.25rem;margin-bottom:.875rem}.alert-message{font-size:.9375rem;margin-bottom:1.75rem}.alert-button{font-size:.9375rem;min-width:100px;padding:.75rem 1.5rem}}@media (max-width:480px){.custom-alert-overlay{padding:.75rem}.custom-alert{border-radius:.875rem;max-width:320px;padding:1.25rem}.alert-icon{font-size:1.5rem;height:48px;margin-bottom:1rem;width:48px}.alert-title{font-size:1.125rem;margin-bottom:.75rem}.alert-message{font-size:.875rem;line-height:1.5;margin-bottom:1.5rem}.alert-button{border-radius:.625rem;font-size:.875rem;padding:.75rem 1.25rem;width:100%}}@media (prefers-color-scheme:dark){.custom-alert{background:#1f2937;border-color:#374151;color:#f9fafb}.alert-title{color:#f9fafb}.alert-message{color:#d1d5db}}@media (prefers-contrast:high){.alert-button,.alert-icon,.custom-alert{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.alert-icon:before,.custom-alert,.custom-alert-overlay{animation:none}.alert-button:before{transition:none}}@media print{.custom-alert-overlay{display:none}}.custom-alert:focus{outline:2px solid #3b82f6;outline-offset:2px}.alert-with-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.alert-button-secondary{background:#0000;border:2px solid #d1d5db;box-shadow:none;color:#6b7280}.alert-button-secondary:hover{background:#f3f4f6;border-color:#9ca3af;box-shadow:none;color:#374151;transform:none}.custom-alert-overlay.top{align-items:flex-start;padding-top:2rem}.custom-alert-overlay.bottom{align-items:flex-end;padding-bottom:2rem}.alert-icon.success:after{animation:checkmarkDraw .5s ease-out .2s both;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23fff'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m5 13 4 4L19 7'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes checkmarkDraw{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-card:#0f172a99;--text-primary:#fff;--text-secondary:#f1f5f9;--text-muted:#e2e8f0;--accent-primary:#6366f1;--accent-secondary:#a855f7;--border-primary:#6366f14d;--border-secondary:#94a3b833}.landing-page{background:linear-gradient(180deg,#0f172a,#0c1420 25%,#131b2e 50%,#0c1420 75%,#0f172a);background:linear-gradient(180deg,var(--bg-primary) 0,#0c1420 25%,#131b2e 50%,#0c1420 75%,var(--bg-primary) 100%);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.landing-page:before{animation:subtle-pulse 12s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#6366f114 0,#0000 50%),radial-gradient(circle at 80% 20%,#a855f70d 0,#0000 50%),radial-gradient(circle at 40% 80%,#6366f10f 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.7}}.container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border-secondary);left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-content{padding:1rem 0}.logo{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:700;gap:12px;letter-spacing:-.025em}.logo svg{color:#6366f1;color:var(--accent-primary)}.header-nav{align-items:center;display:flex;gap:1.5rem}.nav-link{border-radius:6px;color:#f1f5f9;color:var(--text-secondary);font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#6366f11a;color:#fff;color:var(--text-primary)}.hero{background:#0000;overflow:hidden;padding:140px 0 100px;position:relative;z-index:1}.hero:before{background:radial-gradient(circle at 30% 20%,#6366f11a 0,#0000 50%),radial-gradient(circle at 70% 80%,#a855f714 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}.hero-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.5rem}.highlight{color:#a855f7;color:var(--accent-secondary);position:relative}.hero-description{color:#f1f5f9;color:var(--text-secondary);font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.hero-visual{align-items:center;display:flex;justify-content:center}.feature-showcase{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;background:var(--bg-card);border:1px solid #6366f14d;border:1px solid var(--border-primary);border-radius:20px;max-width:400px;padding:3rem;text-align:center;transition:all .3s ease;width:100%}.feature-showcase:hover{border-color:#6366f1;border-color:var(--accent-primary);transform:translateY(-5px)}.feature-card h3{color:#fff;font-size:1.5rem;font-weight:600;margin:1rem 0}.feature-card p{color:#f1f5f9;color:var(--text-secondary);line-height:1.5}.landing-page .features{background:#0000;padding:100px 0;position:relative}.landing-page .section-header{margin-bottom:4rem;text-align:center}.landing-page .section-header h2{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.025em;margin-bottom:1rem}.landing-page .section-header p{color:#fff;font-size:1.2rem}.landing-page .features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.landing-page .feature-item{background:#0000;border:1px solid #fff;border-radius:16px;padding:2.5rem;text-align:center;transition:all .3s ease}.landing-page .feature-item:hover{transform:translateY(-5px)}.landing-page .feature-icon{align-items:center;background:#0000;border:none;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.landing-page .feature-icon svg{color:#6366f1;color:var(--accent-primary)}.landing-page .feature-item h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.landing-page .feature-item p{color:#fff;line-height:1.6}.pricing{background:#0000;color:#fff;color:var(--text-primary);padding:100px 0;position:relative}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:900px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;background:var(--bg-card);border:1px solid #94a3b833;border:1px solid var(--border-secondary);border-radius:20px;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.pricing-card:hover{background:#1e293be6;border-color:#6366f14d;border-color:var(--border-primary);transform:translateY(-5px)}.pricing-card.featured{background:#6366f11a;border-color:#6366f1;border-color:var(--accent-primary)}.pricing-badge{background:#6366f1;background:var(--accent-primary);border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-12px;transform:translateX(-50%)}.pricing-header h3{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.price{align-items:baseline;display:flex;justify-content:center;margin-bottom:2rem}.currency{color:#f1f5f9;color:var(--text-secondary);font-size:1.5rem}.amount{color:#fff;font-size:3rem;font-weight:700}.period{color:#f1f5f9;color:var(--text-secondary);margin-left:.25rem}.pricing-features{margin-bottom:2rem}.feature{color:#f1f5f9;color:var(--text-secondary);margin-bottom:1rem}.feature svg{color:#6366f1;color:var(--accent-primary)}.landing-footer{background:#0000;color:#fff;color:var(--text-primary);padding:80px 0 30px;position:relative}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.footer-section a{color:#f1f5f9;color:var(--text-secondary);display:block;margin-bottom:.75rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#fff}.footer-section .logo{margin-bottom:1rem}.footer-section p{color:#f1f5f9;color:var(--text-secondary);line-height:1.6}.footer-bottom{border-top:1px solid #94a3b833;border-top:1px solid var(--border-secondary);color:#fff;padding-top:2rem;text-align:center}.btn-primary{align-items:center;background:#6366f1;background:var(--accent-primary);border:1px solid #6366f1;border:1px solid var(--accent-primary);border-radius:10px;display:inline-flex;font-size:1rem;justify-content:center;overflow:hidden;padding:.875rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.btn-primary:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary:hover{box-shadow:0 10px 30px #6366f166}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-outline{align-items:center;background:#0000;border:1px solid #6366f14d;border:1px solid var(--border-primary);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-outline:hover{background:#6366f11a;border-color:#6366f1;border-color:var(--accent-primary);transform:translateY(-2px)}.btn-large{font-size:1.1rem;padding:1rem 2.5rem}.btn-full{width:100%}.landing-page .auth-modal{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:9999}.landing-page .auth-modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b;background:var(--bg-secondary);border:1px solid #6366f14d;border:1px solid var(--border-primary);border-radius:20px;box-shadow:0 25px 50px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.auth-header{align-items:center;display:flex;justify-content:space-between;padding:2rem 2rem 0}.auth-header,.auth-header h2{color:#fff;color:var(--text-primary)}.auth-header h2{font-size:1.8rem;font-weight:700;margin:0}.close-btn{border-radius:50%;color:#e2e8f0;color:var(--text-muted);font-size:1.5rem;padding:.5rem;transition:all .3s ease}.close-btn:hover{background:#6366f11a;color:#fff;color:var(--text-primary)}.auth-tabs{border-bottom:1px solid #94a3b833;border-bottom:1px solid var(--border-secondary);display:flex;margin:1.5rem 2rem 0}.auth-tab{background:none;border:none;border-bottom:2px solid #0000;color:#e2e8f0;color:var(--text-muted);cursor:pointer;font-weight:600;padding:1rem 1.5rem;transition:all .3s ease}.auth-tab.active{border-bottom-color:#6366f1;border-bottom-color:var(--accent-primary);color:#6366f1;color:var(--accent-primary)}.auth-form{padding:2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:1.5rem}.form-group label{color:#fff;color:var(--text-primary)}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:#e2e8f0;color:var(--text-muted);left:1rem;position:absolute;z-index:1}.input-wrapper input{background:#1e293b80;border:1px solid #94a3b833;border:1px solid var(--border-secondary);border-radius:10px;color:#fff;color:var(--text-primary);font-size:1rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.input-wrapper input:focus{background:#1e293bcc;border-color:#6366f1;border-color:var(--accent-primary);outline:none}.input-wrapper input.error{border-color:#ef4444}.input-wrapper input::placeholder,.password-toggle{color:#e2e8f0;color:var(--text-muted)}.password-toggle{padding:.25rem;position:absolute;right:1rem}.error-text{color:#ef4444;font-size:.875rem;margin-top:.5rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fecaca;margin-bottom:1rem;padding:.875rem}.auth-divider{margin:1.5rem 0;position:relative;text-align:center}.auth-divider:before{background:#94a3b833;background:var(--border-secondary);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#1e293b;background:var(--bg-secondary);color:#e2e8f0;color:var(--text-muted);font-size:.875rem;padding:0 1rem;position:relative;z-index:1}.btn-google{align-items:center;background:#1e293bcc;border:1px solid #94a3b833;border:1px solid var(--border-secondary);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1.5rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-google:hover{background:#1e293be6;border-color:#6366f14d;border-color:var(--border-primary);transform:translateY(-1px)}.btn-google:disabled{cursor:not-allowed;opacity:.5;transform:none}.auth-footer{color:#e2e8f0;color:var(--text-muted);padding:1rem 2rem 2rem;text-align:center}.link-btn{background:none;border:none;color:#6366f1;color:var(--accent-primary);cursor:pointer;font-weight:500;text-decoration:underline}.link-btn:hover{color:#a855f7;color:var(--accent-secondary)}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:20px;width:20px}.loading-spinner.small{height:16px;width:16px}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.landing-page .features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.container{padding:0 15px}.hero{padding:120px 0 80px}.hero-title{font-size:2.5rem}.hero-actions{flex-direction:column;gap:1rem}.header-nav{gap:1rem}.nav-link{padding:.5rem}.form-row{grid-template-columns:1fr}.landing-page .auth-modal{padding:1rem}.auth-form,.auth-header{padding-left:1.5rem;padding-right:1.5rem}.footer-content{gap:2rem;grid-template-columns:1fr}}@media (max-width:480px){.hero-title,.section-header h2{font-size:2rem}.feature-item,.feature-showcase,.pricing-card{padding:2rem}}.dashboard-summary{align-items:center;display:flex;gap:1rem}.summary-text{color:#6b7280;font-size:.875rem;font-weight:500}.dashboard h1{color:#1f2937;margin-bottom:.5rem}.dashboard h2,.dashboard h3,.dashboard h4{color:#1f2937}.quick-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a}.stat-number{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#6b7280;letter-spacing:.025em}.analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.recent-activity{display:flex;flex-direction:column;gap:1rem;max-height:250px;overflow-y:auto;padding:.5rem}.activity-item{align-items:flex-start;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;transform:translateY(-1px)}.activity-icon{align-items:center;background:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;display:flex;flex-shrink:0;font-size:1.25rem;height:2rem;justify-content:center;width:2rem}.activity-details{flex:1 1;min-width:0}.activity-title{color:#1f2937;font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{align-items:center;color:#6b7280;display:flex;font-size:.75rem;gap:.5rem}.activity-meta .profit{color:#059669;font-weight:600}.activity-meta .loss{color:#dc2626;font-weight:600}.chart-section{border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.chart-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.chart-header,.chart-header h3{align-items:center;display:flex}.chart-header h3{color:var(--text-color);font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.chart-container{border-radius:.5rem;padding:1rem;width:100%}.analytics-grid .chart-container,.chart-container,.dashboard .chart-container,.tab-content .chart-container{background:#fff!important}.chart-controls{display:flex;gap:8px;margin-left:auto}.chart-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s}.chart-btn:hover{background:#f3f4f6}.chart-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.chart-btn.active:hover{background:var(--secondary-color)}.charts-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.chart-section.half-width{margin-bottom:0}:root{--primary-color:#5e94eab8;--primary-hover:#2563eb;--secondary-color:#6366f1;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--text-color:#1f2937;--text-muted:#6b7280;--text-light:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--background-main:#fff;--background-secondary:#f9fafb;--background-tertiary:#f3f4f6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}.transactions .tab-content{background:linear-gradient(135deg,#f8fafc,#fff);margin:0 auto;max-width:90vw;min-height:100vh;padding:2rem}.transactions .section-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.header-actions{align-items:center;display:flex;gap:12px}.transactions .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5e94eab8,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--text-color);font-size:2rem;font-weight:700;margin:0}.transactions .btn-primary{align-items:center;background:linear-gradient(135deg,#5e94eab8,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.transactions .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#6366f1);background:linear-gradient(135deg,var(--primary-hover),var(--secondary-color));box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.transactions .btn-outline{align-items:center;background:#0000;border:2px solid #5e94eab8;border:2px solid var(--primary-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#5e94eab8;color:var(--primary-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.transactions .btn-outline:hover{background:#5e94eab8;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.search-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--background-main);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;padding:1.5rem}.search-bar{align-items:center;display:flex;gap:1rem;margin-bottom:1.5rem}.search-input-wrapper{flex:1 1;position:relative}.search-icon{color:#6b7280;color:var(--text-muted);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:2}.search-input{background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-color);font-size:.875rem;padding:1rem 1rem 1rem 3rem;position:relative;transition:all .3s ease;width:100%}.search-input:focus{border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 0 0 4px #3b82f61a,0 4px 6px -1px #0000001a;box-shadow:0 0 0 4px #3b82f61a,var(--shadow-md);outline:none;transform:translateY(-1px)}.search-input:focus+.search-icon{color:#5e94eab8;color:var(--primary-color)}.search-input::placeholder{color:#9ca3af;color:var(--text-light);font-style:italic}.clear-button,.filter-button{align-items:center;background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:1rem 1.25rem;transition:all .3s ease;white-space:nowrap}.clear-button:hover,.filter-button:hover{background:#f9fafb;background:var(--background-secondary);transform:translateY(-2px)}.clear-button:hover,.filter-button.active,.filter-button:hover{border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.filter-button.active{background:linear-gradient(135deg,#5e94eab8,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.filter-count{background:#fff3;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:700;margin-left:.25rem;padding:.25rem .5rem}.clear-button{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--danger-color),#dc2626);border-color:#ef4444;border-color:var(--danger-color);color:#fff}.clear-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.advanced-filters{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--background-secondary),var(--background-main));border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;padding:2rem}.filter-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#1f2937;color:var(--text-color);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.filter-group input,.filter-group select{background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-color);font-size:.875rem;padding:.75rem;transition:all .3s ease}.filter-group input:focus,.filter-group select:focus{border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px #0000001a;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md);outline:none;transform:translateY(-1px)}.amount-filters{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.amount-filters,.custom-date-range{border-top:2px solid #f3f4f6;border-top:2px solid var(--border-light);padding-top:1.5rem}.custom-date-range h4{align-items:center;color:#1f2937;color:var(--text-color);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.date-range-inputs{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.date-range-summary{background:#fff;background:var(--background-main);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#6b7280;color:var(--text-muted)}.date-range-summary,.sort-controls{border:2px solid #f3f4f6;border:2px solid var(--border-light);font-size:.875rem;padding:1rem}.sort-controls{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--background-secondary),var(--background-main));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1rem;margin-bottom:1.5rem}.sort-controls label{color:#1f2937;color:var(--text-color);font-weight:600}.sort-select{background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .3s ease}.sort-select:focus{border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a,0 4px 6px -1px #0000001a;box-shadow:0 0 0 3px #3b82f61a,var(--shadow-md);outline:none}.results-summary{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,var(--background-main),var(--background-secondary));border:2px solid #f3f4f6;border:2px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.results-summary p{color:#6b7280;color:var(--text-muted);font-size:.875rem;font-weight:500;margin:0}.filtered-indicator{color:#5e94eab8;color:var(--primary-color);font-weight:700;margin-left:.5rem}.loading-indicator{animation:pulse 2s infinite;color:#f59e0b;color:var(--warning-color);font-weight:700;margin-left:.5rem}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.transactions .table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);overflow:hidden;width:100%}.transactions .table-scroll{overflow-x:auto;overflow-y:visible;width:100%}.transactions .table{border-collapse:collapse;font-size:.875rem;min-width:1400px;table-layout:fixed;width:100%}.sortable-header{background:linear-gradient(135deg,#f9fafb,#fff);background:linear-gradient(135deg,var(--background-secondary),var(--background-main));cursor:pointer;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.sortable-header:hover{background:linear-gradient(135deg,#f3f4f6,#f9fafb)!important;background:linear-gradient(135deg,var(--border-light),var(--background-secondary))!important;transform:translateY(-1px)}.sortable-header.sorted{background:linear-gradient(135deg,#5e94eab8,#6366f1)!important;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color))!important;color:#fff}.header-content{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.sort-indicator{color:#6b7280;font-size:.875rem;font-weight:700;min-width:16px;text-align:center;transition:all .3s ease}.sortable-header:not(.sorted) .sort-indicator{opacity:.4}.sortable-header:not(.sorted):hover .sort-indicator{opacity:.7}.sortable-header.sorted .sort-indicator{color:#1f2937;opacity:1}.transactions .table thead{background:#fff!important;border-bottom:3px solid #e5e7eb}.transactions .table th{background:#fff!important;border-bottom:2px solid #e5e7eb;color:#1f2937!important;font-size:.75rem;font-weight:700;letter-spacing:.05em;overflow:hidden;padding:1rem .75rem;position:-webkit-sticky;position:sticky;text-align:left;text-overflow:ellipsis;text-transform:uppercase;top:0;transition:all .3s ease;white-space:nowrap;z-index:10}.transactions .table td:first-child,.transactions .table th:first-child{width:100px}.transactions .table td:nth-child(2),.transactions .table th:nth-child(2){width:120px}.transactions .table td:nth-child(3),.transactions .table th:nth-child(3){width:160px}.transactions .table td:nth-child(4),.transactions .table th:nth-child(4){width:140px}.transactions .table td:nth-child(5),.transactions .table th:nth-child(5){width:120px}.transactions .table td:nth-child(6),.transactions .table th:nth-child(6){width:100px}.transactions .table td:nth-child(7),.transactions .table td:nth-child(8),.transactions .table th:nth-child(7),.transactions .table th:nth-child(8){width:110px}.transactions .table td:nth-child(10),.transactions .table td:nth-child(9),.transactions .table th:nth-child(10),.transactions .table th:nth-child(9){width:100px}.transactions .table td:nth-child(11),.transactions .table th:nth-child(11){width:90px}.transactions .table td:nth-child(12),.transactions .table td:nth-child(13),.transactions .table th:nth-child(12),.transactions .table th:nth-child(13){width:100px}.transactions .table tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);transition:all .3s ease}.transactions .table tbody tr:hover{background:linear-gradient(135deg,#f9fafb,#3b82f605);background:linear-gradient(135deg,var(--background-secondary),#3b82f605);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.transactions .table tbody tr:last-child{border-bottom:none}.transactions .table td{color:#1f2937;color:var(--text-color);overflow:hidden;padding:1rem .75rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.p2-info,.transaction-type{font-size:.75rem}.p2-name{align-items:center;color:#1f2937;color:var(--text-color);display:flex;gap:.25rem}.p2-email{color:#6b7280;color:var(--text-muted);font-size:.7rem;margin-top:.125rem}.game-info{font-size:.75rem}.game-info div:first-child{color:#1f2937;color:var(--text-color);font-weight:600}.game-info small{color:#6b7280;color:var(--text-muted);font-size:.7rem}.cashback-amount{font-size:.875rem}.col-profit.profit{color:#10b981;color:var(--success-color);font-weight:700}.col-profit.loss{color:#ef4444;color:var(--danger-color);font-weight:700}.status{border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);display:inline-block;font-size:.75rem;font-weight:600;padding:.375rem .75rem;transition:all .3s ease}.text-muted{color:#6b7280;color:var(--text-muted)}.text-success{color:var(--success-color)}.text-danger{color:#ef4444;color:var(--danger-color)}.centered-content{gap:.5rem}.inline-icon{display:inline;vertical-align:middle}.paid-status{gap:.5rem}.paid-info,.paid-status{align-items:center;display:flex;flex-direction:column}.paid-info{font-size:.75rem}.paid-indicator{color:#10b981;color:var(--success-color);font-size:.7rem;font-weight:700;text-transform:uppercase}.payout-date{background:#f3f4f6;background:var(--background-tertiary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:.375rem;border-radius:var(--radius-sm);color:#6b7280;font-size:.625rem;padding:.25rem .5rem}.btn-icon,.payout-date{color:var(--text-muted)}.btn-icon{background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:.5rem;transition:all .3s ease}.btn-icon:hover{background:#f9fafb;background:var(--background-secondary);border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#1f2937;color:var(--text-color);transform:translateY(-2px)}.btn-icon.text-danger:hover{background:#fef2f2;border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.action-buttons{display:flex;gap:.5rem;justify-content:center}.transactions .empty-state{background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,var(--background-main),var(--background-secondary));border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#6b7280;color:var(--text-muted);padding:4rem 2rem;text-align:center}.transactions .empty-state svg{color:#6b7280;color:var(--text-muted);margin-bottom:1rem}.transactions .empty-state h3{color:#1f2937;color:var(--text-color);font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.transactions .empty-state p{color:#6b7280;color:var(--text-muted);font-size:.875rem}.transactions .pagination-container{align-items:center;background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,var(--background-main),var(--background-secondary));border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.transactions .pagination-info{color:#6b7280;color:var(--text-muted);font-size:.875rem;font-weight:600}.transactions .pagination-btn,.transactions .pagination-controls{align-items:center;display:flex;gap:.5rem}.transactions .pagination-btn{background:#fff;background:var(--background-main);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.transactions .pagination-btn:hover:not(:disabled){background:#f9fafb;background:var(--background-secondary);border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.transactions .pagination-btn:disabled{background:#f3f4f6;background:var(--background-tertiary);border-color:#f3f4f6;border-color:var(--border-light);color:#9ca3af;color:var(--text-light);cursor:not-allowed}.transactions .pagination-btn.active{background:linear-gradient(135deg,#5e94eab8,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:#5e94eab8;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#fff}@media (max-width:1024px){.filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.search-bar{align-items:stretch;flex-direction:column}.clear-button,.filter-button{justify-content:center}.sort-controls{align-items:stretch;flex-direction:column;gap:.75rem}.sort-select{width:100%}}@media (max-width:768px){.transactions .tab-content{max-width:100%;padding:1rem}.transactions .section-header{align-items:stretch;flex-direction:column;gap:1rem}.header-actions{flex-direction:column;gap:8px}.transactions .btn-outline,.transactions .btn-primary{justify-content:center;width:100%}.advanced-filters{padding:1.5rem}.amount-filters,.date-range-inputs,.filter-grid{grid-template-columns:1fr}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.transactions .table{min-width:1000px}.header-content{font-size:.75rem}.sort-indicator{font-size:.625rem}}@media (max-width:480px){.transactions .table{min-width:900px}.transactions .table td,.transactions .table th{font-size:.75rem;padding:.75rem .5rem}.transactions .table th{font-size:.7rem}.advanced-filters,.pagination-container,.search-controls{padding:1rem}}.transactions .table-container::-webkit-scrollbar,.transactions .table-scroll::-webkit-scrollbar{height:8px}.transactions .table-container::-webkit-scrollbar-track,.transactions .table-scroll::-webkit-scrollbar-track{background:#f3f4f6;background:var(--background-tertiary);border-radius:.375rem;border-radius:var(--radius-sm)}.transactions .table-container::-webkit-scrollbar-thumb,.transactions .table-scroll::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--text-light);border-radius:.375rem;border-radius:var(--radius-sm)}.transactions .table-container::-webkit-scrollbar-thumb:hover,.transactions .table-scroll::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--text-muted)}.transaction-import-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.import-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:900px;overflow-y:auto;position:relative;width:100%}.import-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px 0}.import-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:color .2s ease}.close-btn:hover{color:#1f2937}.step-indicator{display:flex;justify-content:center;margin-bottom:32px;padding:0 32px}.step{align-items:center;color:#6b7280;display:flex;font-size:14px;position:relative}.step:not(:last-child):after{background:#e5e7eb;content:"";height:2px;margin:0 16px;width:80px}.step.active{color:#2563eb}.step.active:not(:last-child):after{background:#2563eb}.step span{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:12px;font-weight:600;height:28px;justify-content:center;margin-right:8px;width:28px}.step.active span{background:#2563eb;color:#fff}.step-content{padding:0 32px 32px}.step-content h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 8px}.step-content p{color:#6b7280;margin:0 0 24px}.import-mode-selector{margin-bottom:32px}.mode-options{display:flex;gap:16px;margin-top:12px}.mode-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#1f2937;cursor:pointer;display:flex;flex:1 1;gap:8px;padding:16px 20px;transition:all .2s ease}.mode-option:hover{border-color:#2563eb}.mode-option.selected{background:#eff6ff;border-color:#2563eb}.mode-option input[type=radio]{display:none}.p2-selector{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.p2-selector label{color:#1f2937;display:block;font-weight:500;margin-bottom:8px}.p2-selector select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:12px;width:100%}.upload-section{grid-gap:32px;align-items:start;display:grid;gap:32px;grid-template-columns:2fr 1fr}.upload-area{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:48px 24px;position:relative;text-align:center;transition:border-color .2s ease}.upload-area:hover{border-color:#2563eb}.upload-area svg{color:#6b7280;margin-bottom:16px}.upload-area h3{color:#1f2937;margin:0 0 8px}.upload-area p{color:#6b7280;margin:0 0 20px}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.template-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:24px;text-align:center}.template-section h4{color:#1f2937;margin:0 0 8px}.template-section p{color:#6b7280;font-size:14px;margin:0 0 16px}.auto-detect-btn{align-items:center;display:flex;gap:8px;margin-bottom:24px}.field-mapping{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:24px}.mapping-grid{grid-gap:16px;display:grid;gap:16px}.mapping-header{border-bottom:1px solid #e5e7eb;color:#1f2937;font-weight:600;padding-bottom:12px}.mapping-header,.mapping-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.mapping-row{align-items:center}.mapping-row label{color:#1f2937;font-weight:500}.mapping-row label.required{position:relative}.required-star{color:#dc2626;margin-left:4px}.mapping-row select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px}.validation-section{display:flex;gap:12px;margin-bottom:24px}.preview-btn,.validate-btn{align-items:center;display:flex;gap:8px}.validation-errors{background:#fef2f2;border:1px solid #dc2626;border-radius:8px;margin-bottom:24px;padding:16px}.validation-errors h4{align-items:center;color:#dc2626;display:flex;gap:8px;margin:0 0 12px}.error-row{color:#1f2937;font-size:14px;margin-bottom:8px}.error-row:last-child{margin-bottom:0}.preview-section{margin-bottom:24px}.preview-section h4{color:#1f2937;margin:0 0 16px}.preview-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.preview-table{border-collapse:collapse;font-size:14px;width:100%}.preview-table td,.preview-table th{border-bottom:1px solid #e5e7eb;padding:12px;text-align:left}.preview-table th{background:#f8fafc;color:#1f2937;font-weight:600}.preview-table td{color:#6b7280}.preview-table tr:last-child td{border-bottom:none}.import-results{padding:48px 24px;text-align:center}.error-message,.success-message{align-items:center;display:flex;flex-direction:column;gap:16px}.success-message svg{color:#059669}.error-message svg{color:#dc2626}.success-message h3{color:#059669;margin:0}.error-message h3{color:#dc2626;margin:0}.error-message p,.success-message p{color:#1f2937;margin:0}.warning{color:#d97706!important}.step-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-top:32px;padding-top:24px}.loading-overlay{border-radius:12px;flex-direction:column;gap:16px}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#2563eb}.loading-overlay p{color:#1f2937;font-weight:500;margin:0}@media (max-width:768px){.transaction-import-modal{padding:10px}.import-modal-content{max-height:95vh}.import-header,.step-content{padding-left:20px;padding-right:20px}.step-indicator{overflow-x:auto;padding:0 20px}.step:not(:last-child):after{margin:0 12px;width:60px}.upload-section{gap:24px;grid-template-columns:1fr}.mode-options{flex-direction:column}.mapping-header,.mapping-row{gap:8px;grid-template-columns:1fr}.step-actions,.validation-section{flex-direction:column}.step-actions{gap:12px}.step-actions button{width:100%}}.dark .loading-overlay{background:#000000e6}.natural-language-chatbot{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:0 auto;max-width:1200px;padding:20px}.chatbot-header{border-bottom:2px solid #ddd;margin-bottom:30px;padding-bottom:20px;text-align:center}.chatbot-header h2{color:#000;font-size:2rem;margin-bottom:10px}.chatbot-header p{color:#333;font-size:1.1rem;margin:0}.chatbot-input-section{margin-bottom:30px}.input-group{display:flex;flex-direction:column;gap:15px}.chatbot-textarea{background:#fff;border:2px solid #ddd;border-radius:8px;color:#000;font-family:inherit;font-size:1rem;min-height:80px;padding:15px;resize:vertical;transition:border-color .3s ease;width:100%}.chatbot-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.chatbot-textarea:disabled{background:var(--disabled-bg);cursor:not-allowed}.input-actions{align-items:center;display:flex;gap:15px;justify-content:center;width:100%}.process-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .3s ease}.process-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.process-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.examples-btn{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:12px 20px;transition:all .3s ease}.examples-btn:hover{background:#545b62;box-shadow:0 4px 8px #6c757d4d;transform:translateY(-1px)}.examples-section{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:20px}.examples-section h4{color:#000;font-size:1.1rem;margin:0 0 15px}.examples-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.example-item{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.example-item:hover{border-color:var(--primary-color);box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.example-text{color:#000;font-weight:500;line-height:1.4;margin-bottom:8px}.example-description{color:#333;font-size:.9rem;font-style:italic}.message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.message.success{background:#28a7451a;border:1px solid #28a7454d;color:#28a745}.message.error{background:#dc35451a;border:1px solid #dc35454d;color:#dc3545}.parsed-transactions{margin-top:30px}.transactions-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.transactions-header h3{color:#000;font-size:1.5rem;margin:0}.create-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .3s ease}.create-btn:hover{background:#1e7e34;box-shadow:0 4px 8px #28a7454d;transform:translateY(-1px)}.create-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.transactions-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.transaction-card{background:#fff;border:2px solid #ddd;border-radius:12px;padding:20px;transition:all .3s ease}.transaction-card.valid{border-color:#28a745}.transaction-card.invalid{border-color:#dc3545}.transaction-card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.transaction-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.transaction-type{background:#f8f9fa;border-radius:20px;font-size:1.1rem;font-weight:600;padding:6px 12px}.transaction-type.purchase{color:#28a745}.transaction-type.withdrawal{color:#dc3545}.transaction-amount{color:#000;font-size:1.5rem;font-weight:700}.transaction-details{margin-bottom:20px}.detail-row{border-bottom:1px solid #eee;padding:8px 0}.detail-row:last-child{border-bottom:none}.label{color:#333;font-weight:600;min-width:100px}.value{color:#000;max-width:200px;text-align:right;word-break:break-word}.p2-name{color:var(--primary-color);font-weight:600}.notes{color:#333;font-style:italic}.status-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:capitalize}.validation-errors,.validation-suggestions,.validation-warnings{border-radius:8px;margin-top:15px;padding:15px}.validation-errors{background:#dc35451a;border:1px solid #dc35454d}.validation-warnings{background:#ffc1071a;border:1px solid #ffc1074d}.validation-suggestions{background:#10b9811a;border:1px solid #10b9814d}.validation-errors h5,.validation-suggestions h5,.validation-warnings h5{font-size:1rem;margin:0 0 10px}.validation-errors ul,.validation-suggestions ul,.validation-warnings ul{margin:0;padding-left:20px}.validation-errors li,.validation-suggestions li,.validation-warnings li{color:#000;margin-bottom:5px}.natural-language-modal{background:#fff!important;max-height:90vh;max-width:90vw;overflow-y:auto;width:1200px}.natural-language-modal *,.natural-language-modal .chatbot-header h2{color:#000!important}.natural-language-modal .chatbot-header p{color:#333!important}.natural-language-modal .chatbot-textarea{background:#fff!important;border:2px solid #ddd!important;color:#000!important}.natural-language-modal .chatbot-textarea:focus{border-color:#007bff!important;box-shadow:0 0 0 3px #007bff1a!important}.natural-language-modal .create-btn,.natural-language-modal .examples-btn,.natural-language-modal .process-btn{color:#fff!important}.natural-language-modal .examples-section{background:#f8f9fa!important;border:1px solid #ddd!important}.natural-language-modal .example-item{background:#fff!important;border:1px solid #ddd!important}.natural-language-modal .transaction-card{background:#fff!important;border:2px solid #ddd!important}.natural-language-modal .transaction-type{background:#f8f9fa!important}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff!important;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow-y:auto}.modal-header{background:#fff!important;border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.modal-header h3{color:#000!important}.modal-close-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.modal-close-btn:hover{background:#e5e7eb;border-color:#d1d5db;color:#374151}.natural-language-modal .modal-close-btn{background:#f3f4f6!important;border:1px solid #e5e7eb!important;color:#6b7280!important}.natural-language-modal .modal-close-btn:hover{background:#e5e7eb!important;border-color:#d1d5db!important;color:#374151!important}.modal-body{background:#fff!important;padding:0}@media (max-width:768px){.natural-language-chatbot{padding:15px}.chatbot-header h2{font-size:1.5rem}.input-actions{align-items:stretch;flex-direction:column;gap:10px}.examples-btn,.process-btn{margin:0;width:100%}.transactions-header{align-items:stretch;flex-direction:column;gap:15px}.create-btn{width:100%}.transactions-grid{grid-template-columns:1fr}.transaction-card{padding:15px}.transaction-header{gap:10px;text-align:center}.detail-row,.transaction-header{align-items:stretch;flex-direction:column}.detail-row{gap:5px}.label,.value{min-width:auto;text-align:left}}@media (max-width:480px){.examples-grid{grid-template-columns:1fr}.chatbot-textarea{font-size:.9rem}.modal-overlay{padding:10px}.natural-language-modal{max-width:95vw;width:100%}}@media (prefers-color-scheme:dark){.natural-language-modal,.natural-language-modal .modal-body,.natural-language-modal .modal-content,.natural-language-modal .modal-header{background:#fff!important}.natural-language-modal .chatbot-header h2{color:#000!important}.natural-language-modal .chatbot-header p{color:#333!important}}.auto-correction-ui{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin:8px 0;padding:12px}.correction-suggestion{align-items:center;display:flex;gap:8px;margin-bottom:8px}.correction-icon{font-size:1.2rem}.correction-text{color:#856404;font-size:.875rem}.correction-text strong{color:#000;font-weight:600}.confidence{color:#6c757d;font-size:.8rem;margin-left:4px}.correction-actions{display:flex;gap:8px}.btn-sm{border-radius:4px;font-size:.75rem;padding:4px 8px}.accept-btn{background:#28a745;border-color:#28a745;color:#fff}.accept-btn:hover{background:#218838;border-color:#1e7e34}.reject-btn{background:#dc3545;border-color:#dc3545;color:#fff}.reject-btn:hover{background:#c82333;border-color:#bd2130}.games-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.game-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.game-card:hover{border-color:#3b82f6;box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-4px)}.game-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.game-card:hover:before{opacity:1}.game-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.game-info{flex:1 1;min-width:0}.game-info h3{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 .25rem}.game-info .provider,.game-info h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-info .provider{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.game-image-container{background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.75rem;flex-shrink:0;height:60px;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.game-image-container:hover{border-color:#3b82f6;transform:scale(1.05)}.game-image-container:hover .image-overlay{opacity:1}.game-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.game-image-large{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:100%;justify-content:center;width:100%}.game-image-default{background:linear-gradient(135deg,#667eea,#764ba2)}.game-image-fallback{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;height:100%;width:100%}.game-image-fallback,.image-overlay{align-items:center;display:flex;justify-content:center}.image-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;gap:.5rem;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-remove-btn,.image-upload-btn{align-items:center;background:#ffffffe6;border:none;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;justify-content:center;padding:.375rem;transition:all .2s ease}.image-upload-btn:hover{background:#fff;color:#3b82f6;transform:scale(1.1)}.image-remove-btn:hover{background:#fff;color:#ef4444;transform:scale(1.1)}.category-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:1rem;box-shadow:0 2px 4px #3b82f64d;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.game-card .action-buttons{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.game-card .btn-icon{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.game-card .btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151;transform:scale(1.05)}.game-card .btn-icon.text-danger{color:#ef4444}.game-card .btn-icon.text-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.game-card-content{gap:1rem}.game-card-content,.rtp-section{display:flex;flex-direction:column}.rtp-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;gap:.75rem;padding:1rem}.rtp-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.rtp-item:last-child{border-bottom:none;padding-bottom:0}.rtp-label{color:#64748b;font-size:.875rem;font-weight:500}.rtp-value{border-radius:1rem;color:#fff;font-size:.875rem;font-weight:700;min-width:60px;padding:.25rem .75rem;text-align:center}.rtp-value.official{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 4px #3b82f64d}.rtp-value.reported{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 4px #8b5cf64d}.rtp-value.user-data{box-shadow:0 2px 4px #0003}.rtp-value.user-data.positive{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.rtp-value.user-data.negative{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.volatility{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.volatility-label{color:#64748b;font-size:.875rem;font-weight:500}.volatility-badge{border-radius:1rem;box-shadow:0 2px 4px #0003;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.025em;min-width:70px;padding:.375rem .875rem;text-align:center;text-transform:uppercase}.bet-range{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.bet-label{color:#64748b;font-size:.875rem;font-weight:500}.bet-value{background:#f3f4f6;border-radius:.5rem;color:#1f2937;font-size:.875rem;font-weight:600;padding:.25rem .75rem}.features{background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.features-label{color:#64748b;font-size:.875rem;font-weight:500}.features-value{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.375rem;color:#1f2937;font-size:.875rem;line-height:1.5;padding:.5rem}.notes{background:#fffbeb;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:.5rem;padding:.75rem}.notes p{color:#92400e;font-size:.875rem;font-style:italic;line-height:1.5;margin:0}.games-grid+.empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.games-grid+.empty-state h3{color:#374151;font-size:1.25rem;margin:1rem 0 .5rem}.games-grid+.empty-state p{font-size:1rem;line-height:1.5;margin:0}@media (max-width:1024px){.games-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.games-grid{gap:1rem;grid-template-columns:1fr}.game-card{padding:1.25rem}.game-card-header{gap:.75rem;margin-bottom:1.25rem}.game-image-container{height:50px;width:50px}.game-info h3{font-size:1rem}.game-info .provider{font-size:.8125rem}.game-card .action-buttons{flex-direction:row;gap:.5rem}.rtp-section{padding:.875rem}.rtp-item{padding:.375rem 0}.bet-range,.features,.notes,.volatility{padding:.625rem}}@media (max-width:480px){.game-card{padding:1rem}.game-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.game-image-container{align-self:center;height:60px;width:60px}.game-info{text-align:center;width:100%}.game-card .action-buttons{align-self:center;flex-direction:row;gap:1rem}.bet-range,.rtp-item,.volatility{align-items:flex-start;flex-direction:column;gap:.5rem}.bet-value,.rtp-value,.volatility-badge{align-self:flex-end}.features{gap:.375rem}.game-info .provider,.game-info h3{overflow:visible;text-overflow:clip;white-space:normal}}.game-card{animation:fadeInUp .3s ease-out}.games-grid .game-card:first-child{animation-delay:0ms}.games-grid .game-card:nth-child(2){animation-delay:50ms}.games-grid .game-card:nth-child(3){animation-delay:.1s}.games-grid .game-card:nth-child(4){animation-delay:.15s}.games-grid .game-card:nth-child(5){animation-delay:.2s}.games-grid .game-card:nth-child(6){animation-delay:.25s}.game-card:focus-within,.image-remove-btn:focus,.image-upload-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media print{.games-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.game-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.game-card .action-buttons,.image-overlay{display:none}}.payment-methods-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.payment-method-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.payment-method-card:hover{border-color:#3b82f6;box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-4px)}.payment-method-card:before{background:linear-gradient(90deg,#3b82f6,#10b981,#8b5cf6);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.payment-method-card:hover:before{opacity:1}.payment-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1.5rem;position:relative}.payment-icon{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;display:flex;flex-shrink:0;justify-content:center;padding:.75rem;transition:all .3s ease}.payment-method-card:hover .payment-icon{background:#fff;border-color:currentColor;box-shadow:0 4px 8px #0000001a;transform:scale(1.05)}.payment-info{flex:1 1;min-width:0}.payment-info h3{color:#1f2937;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-info .payment-type{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.025em;margin:0 0 .25rem;text-transform:uppercase}.payment-info .last-digits{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#9ca3af;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem;font-weight:600;margin:0;padding:.25rem .5rem}.payment-method-card .action-buttons{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.payment-method-card .btn-icon{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.payment-method-card .btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151;transform:scale(1.05)}.payment-method-card .btn-icon.text-danger{color:#ef4444}.payment-method-card .btn-icon.text-danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.payment-card-content{display:flex;flex-direction:column;gap:1rem}.balance-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:space-between;padding:.875rem 1rem;transition:all .2s ease}.balance-item:hover{background:#f1f5f9;border-color:#cbd5e1}.balance-label{color:#64748b;flex:1 1;font-size:.875rem;font-weight:500}.balance-value{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#1f2937;display:flex;font-size:1rem;font-weight:700;justify-content:center;min-width:80px;padding:.375rem .75rem;text-align:right}.balance-value.positive{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0;box-shadow:0 1px 3px #0596691a;color:#059669}.balance-value.negative{background:linear-gradient(135deg,#fef2f2,#fecaca);border-color:#f87171;box-shadow:0 1px 3px #dc26261a;color:#dc2626}.balance-item:has(.balance-value:not(.positive):not(.negative)) .balance-value{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;box-shadow:0 1px 3px #3b82f61a;color:#3b82f6}.payment-method-card .notes{background:#fffbeb;border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-radius:.75rem;margin-top:.5rem;padding:.875rem}.payment-method-card .notes p{color:#92400e;font-size:.875rem;font-style:italic;line-height:1.5;margin:0}.payment-method-card[data-type=credit_card] .payment-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#93c5fd;color:#3b82f6}.payment-method-card[data-type=debit_card] .payment-icon{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#86efac;color:#10b981}.payment-method-card[data-type=bank_account] .payment-icon{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-color:#c4b5fd;color:#8b5cf6}.payment-method-card[data-type=cryptocurrency] .payment-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fcd34d;color:#f59e0b}.payment-method-card[data-type=other] .payment-icon{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#d1d5db;color:#6b7280}.payment-methods-grid+.empty-state{color:#6b7280;padding:3rem 1rem;text-align:center}.payment-methods-grid+.empty-state h3{color:#374151;font-size:1.25rem;margin:1rem 0 .5rem}.payment-methods-grid+.empty-state p{font-size:1rem;line-height:1.5;margin:0}.credit-utilization{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.5rem;padding:.75rem}.utilization-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.utilization-label{color:#64748b;font-size:.875rem;font-weight:500}.utilization-percentage{border-radius:.375rem;color:#fff;font-size:.875rem;font-weight:700;padding:.25rem .5rem}.utilization-percentage.low{background:#10b981}.utilization-percentage.medium{background:#f59e0b}.utilization-percentage.high{background:#ef4444}.utilization-bar{background:#f3f4f6;border-radius:3px;height:6px;overflow:hidden;width:100%}.utilization-fill{border-radius:3px;height:100%;transition:width .3s ease}.utilization-fill.low{background:linear-gradient(90deg,#10b981,#059669)}.utilization-fill.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.utilization-fill.high{background:linear-gradient(90deg,#ef4444,#dc2626)}.balance-summary{grid-gap:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;padding:1.5rem}.summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;text-align:center;transition:all .2s ease}.summary-item:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.summary-label{color:#64748b;font-weight:500;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.summary-value{color:#1f2937;font-size:1.5rem;font-weight:700}.summary-value.positive{color:#059669}.summary-value.negative{color:#dc2626}@media (max-width:1024px){.payment-methods-grid{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.payment-methods-grid{gap:1rem;grid-template-columns:1fr}.payment-method-card{padding:1.25rem}.payment-card-header{gap:.75rem;margin-bottom:1.25rem}.payment-icon{padding:.625rem}.payment-info h3{font-size:1rem}.payment-info .payment-type{font-size:.8125rem}.payment-method-card .action-buttons{flex-direction:row;gap:.5rem}.balance-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem}.balance-value{align-self:flex-end;min-width:100px}.balance-summary{gap:.75rem;grid-template-columns:1fr;padding:1.25rem}}@media (max-width:480px){.payment-method-card{padding:1rem}.payment-card-header{align-items:flex-start;flex-direction:column;gap:1rem}.payment-icon{align-self:center;padding:.75rem}.payment-info{text-align:center;width:100%}.payment-method-card .action-buttons{align-self:center;flex-direction:row;gap:1rem}.balance-item{padding:.625rem}.payment-info h3{overflow:visible;text-overflow:clip;white-space:normal}.balance-summary{padding:1rem}.summary-item{padding:.875rem}.summary-value{font-size:1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payment-method-card{animation:fadeInUp .3s ease-out}.payment-methods-grid .payment-method-card:first-child{animation-delay:0ms}.payment-methods-grid .payment-method-card:nth-child(2){animation-delay:50ms}.payment-methods-grid .payment-method-card:nth-child(3){animation-delay:.1s}.payment-methods-grid .payment-method-card:nth-child(4){animation-delay:.15s}.payment-methods-grid .payment-method-card:nth-child(5){animation-delay:.2s}.payment-methods-grid .payment-method-card:nth-child(6){animation-delay:.25s}.balance-item:focus-within,.payment-method-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.payment-method-loading{opacity:.6;pointer-events:none}.payment-method-loading:after{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@media print{.payment-methods-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.payment-method-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.payment-method-card .action-buttons,.payment-method-card:before{display:none}.balance-value{background:#fff!important;border:1px solid #000;color:#000!important}}.p2-transaction-manager{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:20px 0;padding:24px}.p2-manager-header{margin-bottom:32px;text-align:center}.p2-manager-header h2{color:#1f2937;font-size:2rem;font-weight:700;margin:0 0 8px}.p2-manager-header p{color:#6b7280;font-size:1.1rem;margin:0}.p2-selector-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:24px}.p2-selector-section label{color:#1f2937;display:block;font-size:1.1rem;font-weight:600;margin-bottom:12px}.p2-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1f2937;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.p2-select:focus{border-color:#2563eb;outline:none}.p2-action-bar{align-items:center;background:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:20px}.p2-action-bar,.p2-info{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px}.p2-info{background:#f8fafc;gap:16px;padding:16px}.p2-info svg{color:#2563eb}.p2-info h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0}.p2-info p{color:#6b7280;font-size:.9rem;margin:4px 0 0}.action-controls{align-items:center;display:flex;gap:12px}.timeframe-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1f2937;font-size:14px;padding:8px 12px}.p2-analytics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.analytics-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:transform .2s ease,box-shadow .2s ease}.analytics-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.analytics-card.profit{border-left-color:#059669}.analytics-card.invested{border-left-color:#d97706}.analytics-card.withdrawn{border-left-color:#0ea5e9}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.card-header svg{color:#2563eb}.analytics-card.profit .card-header svg{color:#059669}.analytics-card.invested .card-header svg{color:#d97706}.analytics-card.withdrawn .card-header svg{color:#0ea5e9}.card-header span{color:#6b7280;font-size:1rem;font-weight:600}.card-value{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:8px}.card-subtitle{color:var(--text-secondary);font-size:.9rem}.p2-charts{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.chart-container h4{color:#1f2937;font-size:1.2rem;font-weight:600;margin:0 0 20px;text-align:center}.p2-recent-transactions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.p2-recent-transactions h4{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 20px}.transactions-table{overflow-x:auto}.transactions-table table{border-collapse:collapse;font-size:14px;width:100%}.transactions-table td,.transactions-table th{border-bottom:1px solid var(--border-color);padding:12px;text-align:left}.transactions-table th{background:#fff;color:#1f2937;font-weight:600}.transactions-table td{color:#6b7280}.transaction-type{font-weight:500;text-transform:capitalize}.transaction-type.purchase{color:#d97706}.transaction-type.withdrawal{color:#0ea5e9}.transaction-type.combined{color:#2563eb}.profit.positive{color:#059669;font-weight:600}.profit.negative{color:#dc2626;font-weight:600}.status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.status.purchased{background:var(--warning-color-light);color:var(--warning-color)}.status.processing{background:var(--info-color-light);color:var(--info-color)}.status.withdrawn{background:var(--success-color-light);color:var(--success-color)}.status.failed{background:var(--error-color-light);color:var(--error-color)}.btn-icon{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:background-color .2s ease,color .2s ease}.btn-icon:hover{background:#f3f4f6;color:#2563eb}.no-p2-selected,.no-transactions{color:#6b7280;padding:60px 20px;text-align:center}.no-p2-selected svg,.no-transactions svg{color:#6b7280;margin-bottom:16px}.no-p2-selected h3,.no-transactions h3{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 8px}.no-p2-selected p,.no-transactions p{color:#6b7280;margin:0 0 20px}.loading-spinner{color:#6b7280;font-size:1.1rem;padding:40px}@media (max-width:768px){.p2-transaction-manager{margin:10px 0;padding:16px}.p2-action-bar{align-items:stretch;flex-direction:column;gap:16px}.action-controls{flex-wrap:wrap;justify-content:center}.p2-analytics-cards,.p2-charts{grid-template-columns:1fr}.chart-container{padding:16px}.transactions-table{font-size:12px}.transactions-table td,.transactions-table th{padding:8px 4px}.card-value{font-size:1.5rem}}@media (max-width:480px){.p2-manager-header h2{font-size:1.5rem}.p2-manager-header p{font-size:1rem}.action-controls{align-items:stretch;flex-direction:column}.action-controls button,.timeframe-select{width:100%}}.p2-transaction-manager .btn-outline,.p2-transaction-manager button.btn-outline{background:#fff!important;border-color:#e5e7eb!important;color:#1f2937!important}.p2-transaction-manager .btn-outline:hover,.p2-transaction-manager button.btn-outline:hover{background:#f3f4f6!important;border-color:#d1d5db!important;color:#1f2937!important}.p2-transaction-manager .btn-primary,.p2-transaction-manager button.btn-primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}.p2-transaction-manager .btn-primary:hover,.p2-transaction-manager button.btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important}.action-controls button,.p2-action-bar button{color:#1f2937!important}.view-mode-toggle{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:0;margin-bottom:24px;overflow:hidden}.toggle-btn{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.toggle-btn:hover{background:#e5e7eb;color:#1f2937}.toggle-btn.active{background:#2563eb;color:#fff}.overview-dashboard{padding:24px 0}.overview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.overview-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.overview-stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.overview-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.overview-card .card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.overview-card .card-header svg{color:#2563eb}.overview-card .card-header span{color:#6b7280;font-weight:500}.overview-card .card-value{color:#1f2937;font-size:1.8rem;font-weight:700}.overview-card .card-value.profit{color:#059669}.p2-rankings-section{margin-bottom:32px}.p2-rankings-section h4{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0 0 16px}.rankings-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow-x:auto}.rankings-table{border-collapse:collapse;width:100%}.rankings-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#1f2937;font-weight:600;padding:12px 16px;text-align:left}.rankings-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:12px 16px}.rankings-table tr:last-child td{border-bottom:none}.rankings-table tr.rank-1{background:linear-gradient(90deg,#fef3c7,#fff)}.rankings-table tr.rank-2{background:linear-gradient(90deg,#f3f4f6,#fff)}.rankings-table tr.rank-3{background:linear-gradient(90deg,#fde68a,#fff)}.p2-info-cell{display:flex;flex-direction:column;gap:4px}.p2-info-cell strong{color:#1f2937}.p2-info-cell .email{color:#6b7280;font-size:.875rem}.rankings-table .profit.positive{color:#059669;font-weight:600}.rankings-table .profit.negative{color:#dc2626;font-weight:600}.performance-overview{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.performance-distribution,.top-websites{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.performance-distribution h4,.top-websites h4{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 16px}.distribution-stats{display:flex;gap:16px}.distribution-item{border-radius:8px;flex:1 1;padding:16px;text-align:center}.distribution-item.profitable{background:#ecfdf5;border:1px solid #d1fae5}.distribution-item.breakeven{background:#f8fafc;border:1px solid #e5e7eb}.distribution-item.losing{background:#fef2f2;border:1px solid #fecaca}.distribution-item .count{color:#1f2937;display:block;font-size:1.5rem;font-weight:700}.distribution-item .label{color:#6b7280;font-size:.875rem;font-weight:500}.websites-list{display:flex;flex-direction:column;gap:12px}.website-item{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:12px;padding:12px}.website-item .rank{color:#2563eb;font-weight:700;min-width:24px}.website-info{display:flex;flex-direction:column;gap:4px}.website-info strong{color:#1f2937}.website-info .stats{color:#6b7280;font-size:.875rem}@media (max-width:768px){.overview-stats-cards,.performance-overview{grid-template-columns:1fr}.overview-header{align-items:stretch;flex-direction:column;gap:16px}.rankings-table-container{font-size:.875rem}.distribution-stats{flex-direction:column}.toggle-btn{font-size:.875rem;padding:10px 16px}}.dark .analytics-card{box-shadow:0 4px 15px #ffffff0d}.dark .analytics-card:hover{box-shadow:0 8px 25px #ffffff1a}.auth-modal{animation:authModalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:450px;overflow-y:auto;position:relative;width:100%}.modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem 2rem 1rem}.modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.modal-header .btn-icon{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.modal-header .btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.auth-modal-content{padding:0 2rem 2rem}.google-signin-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:1.5rem;overflow:hidden;padding:.875rem 1rem;position:relative;transition:all .2s ease;width:100%}.google-signin-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.google-signin-btn:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.google-signin-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.google-signin-btn svg{flex-shrink:0}.divider{margin:1.5rem 0;position:relative;text-align:center}.divider:before{background:#e5e7eb;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.divider span{background:#fff;color:#6b7280;font-size:.875rem;font-weight:500;padding:0 1rem;position:relative;z-index:1}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form .form-group{margin-bottom:0}.auth-form .form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.auth-modal .input-group{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;display:flex;position:relative;transition:all .2s ease}.auth-modal .input-group:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.auth-modal .input-group svg{color:#9ca3af;flex-shrink:0;margin-left:1rem;transition:color .2s ease}.auth-modal .input-group:focus-within svg{color:#3b82f6}.auth-modal .input-group input{background:#0000;border:none;color:#1f2937;flex:1 1;font-size:1rem;outline:none;padding:.875rem 1rem}.auth-modal .input-group input::placeholder{color:#9ca3af}.password-toggle{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:.5rem 1rem;transition:color .2s ease}.password-toggle:hover{color:#6b7280}.password-toggle:focus{color:#3b82f6;outline:none}.auth-submit-btn{border-radius:.75rem;font-size:1rem;font-weight:600;margin-top:.5rem;overflow:hidden;padding:.875rem;position:relative;transition:all .2s ease;width:100%}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-submit-btn:not(:disabled):hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-1px)}.auth-submit-btn:disabled:after{animation:buttonSpin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.auth-switch{border-top:1px solid #f3f4f6;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-switch p{color:#6b7280;font-size:.875rem;margin:0}.link-button{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#1e40af}.link-button:focus{color:#1e40af;outline:none}@keyframes authModalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes buttonSpin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.input-group.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.input-group.error svg{color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;gap:.5rem;margin-top:.5rem}.error-message:before{content:"⚠";font-size:1rem}.input-group.success{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.input-group.success svg{color:#10b981}.auth-form.submitted input:invalid{border-color:#ef4444}.auth-form.submitted input:valid{border-color:#10b981}.password-strength{display:flex;gap:.25rem;margin-top:.5rem}.strength-bar{background:#e5e7eb;border-radius:2px;flex:1 1;height:4px;transition:background-color .3s ease}.strength-bar.filled{background:#10b981}.strength-bar.weak{background:#ef4444}.strength-bar.medium{background:#f59e0b}.strength-bar.strong{background:#10b981}.password-strength-text{color:#6b7280;font-size:.75rem;margin-top:.25rem}.social-buttons{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.social-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1rem;transition:all .2s ease}.social-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.social-btn.facebook{background:#1877f2;border-color:#1877f2;color:#fff}.social-btn.facebook:hover{background:#166fe5;border-color:#166fe5}.social-btn.github{background:#24292e;border-color:#24292e;color:#fff}.social-btn.github:hover{background:#1c2025;border-color:#1c2025}@media (max-width:768px){.auth-modal{margin:1rem;max-width:400px}.modal-header{margin-bottom:1.25rem;padding:1.25rem 1.5rem .75rem}.modal-header h3{font-size:1.375rem}.auth-modal-content{padding:0 1.5rem 1.5rem}.auth-submit-btn,.google-signin-btn,.input-group input{font-size:.9375rem;padding:.75rem}}@media (max-width:480px){.auth-modal{border-radius:.875rem;margin:.75rem;max-width:350px}.modal-header{margin-bottom:1rem;padding:1rem 1.25rem .5rem}.modal-header h3{font-size:1.25rem}.auth-modal-content{padding:0 1.25rem 1.25rem}.google-signin-btn{font-size:.875rem;gap:.5rem;padding:.75rem}.input-group{border-radius:.625rem}.input-group input{font-size:.875rem;padding:.75rem}.input-group svg{margin-left:.875rem}.password-toggle{padding:.5rem .875rem}.auth-submit-btn{border-radius:.625rem;font-size:.875rem;padding:.75rem}.auth-form{gap:1rem}.divider{margin:1.25rem 0}}@media (prefers-color-scheme:dark){.auth-modal{background:#1f2937;border-color:#374151}.modal-header{border-bottom-color:#374151}.modal-header h3{color:#f9fafb}.modal-header .btn-icon{background:#374151;border-color:#4b5563;color:#d1d5db}.modal-header .btn-icon:hover{background:#4b5563;border-color:#6b7280;color:#f3f4f6}.google-signin-btn{background:#374151;border-color:#4b5563;color:#f3f4f6}.google-signin-btn:hover{background:#4b5563;border-color:#6b7280}.divider:before{background:#4b5563}.divider span{background:#1f2937;color:#d1d5db}.auth-form .form-group label{color:#f3f4f6}.input-group{background:#fff;border-color:#4b5563}.input-group:focus-within{background:#fff;border-color:#3b82f6}.input-group input{background:#0000;color:#f3f4f6}.input-group input::placeholder{color:#9ca3af}.auth-switch{border-top-color:#374151}.auth-switch p{color:#d1d5db}}@media (prefers-contrast:high){.auth-modal{border:3px solid #000}.auth-submit-btn,.google-signin-btn,.input-group{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.auth-modal{animation:none}.auth-submit-btn,.google-signin-btn,.input-group,.link-button,.password-toggle{transition:none}.auth-submit-btn:disabled:after{animation:none}}@media print{.auth-modal,.modal-overlay{display:none}}.auth-modal:focus{outline:none}.auth-modal :focus{outline:2px solid #3b82f6;outline-offset:2px}.settings-actions{align-items:center;display:flex;gap:.75rem}.settings-actions .btn-secondary{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.settings-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 2px 4px #0000001a;display:flex;gap:.25rem;margin-bottom:2rem;overflow-x:auto;padding:.5rem}.settings-tab{align-items:center;background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease;white-space:nowrap}.settings-tab:hover{background:#f3f4f6;color:#374151}.settings-tab.active{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 4px #3b82f64d;color:#fff}.settings-tab-content{animation:fadeIn .3s ease-in}.account-section{margin:0 auto;max-width:600px}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center}.auth-header{margin-bottom:2rem}.auth-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin:1rem 0 .5rem}.auth-header p{color:#6b7280;line-height:1.6;margin:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:4px solid #e5e7eb;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:80px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-email{background:#f3f4f6;border-radius:2rem;color:#9ca3af;display:inline-block;font-family:monospace;font-size:.875rem;margin-top:.5rem;padding:.5rem 1rem}.user-info{display:flex;flex-direction:column;gap:1rem;margin:2rem 0;text-align:left}.info-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem}.info-label{color:#64748b}.info-value{color:#1f2937}.auth-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.auth-placeholder .auth-buttons{margin:2rem 0}.auth-features{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-top:2rem;padding:1.5rem;text-align:left}.auth-features h4{color:#1f2937;font-size:1.125rem;margin:0 0 1rem}.auth-features ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.auth-features li{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5}.billing-section{margin:0 auto;max-width:1000px}.auth-required{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 2px 4px #0000000d;padding:3rem;text-align:center}.auth-required h3{color:#1f2937;font-size:1.5rem;margin:0 0 1rem}.auth-required p{color:#6b7280;margin:0 0 2rem}.current-plan-status{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.plan-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.plan-info h3{color:#1f2937;font-size:1.5rem;margin:0 0 .5rem}.plan-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:2rem;box-shadow:0 2px 4px #f59e0b4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.monthly-total{text-align:right}.total-label{color:#6b7280;display:block;font-size:.875rem;margin-bottom:.25rem}.total-amount{color:#1f2937;font-size:2rem;font-weight:700}.plan-breakdown{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.cost-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.cost-item:first-child{color:#1f2937;font-weight:600}.cost-item:not(:first-child){border-left:2px solid #e5e7eb;color:#6b7280;padding-left:1rem}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.plan-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-4px)}.plan-card.featured{background:linear-gradient(135deg,#3b82f605,#3b82f60d);border-color:#3b82f6}.plan-card.featured:before{background:linear-gradient(135deg,#3b82f6,#1e40af);box-shadow:0 2px 4px #3b82f64d;color:#fff;content:"MOST POPULAR";font-size:.75rem;font-weight:700;padding:.5rem 3rem;position:absolute;right:-2rem;top:1rem;transform:rotate(45deg)}.plan-card.current-plan{background:linear-gradient(135deg,#10b98105,#10b9810d);border-color:#10b981}.plan-card .plan-header{display:block;margin-bottom:2rem}.plan-badge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.plan-badge-header h4{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0}.plan-price{align-items:baseline;display:flex;gap:.25rem}.price{color:#1f2937;font-size:3rem;font-weight:900;line-height:1}.period{color:#6b7280;font-size:1rem;font-weight:500}.plan-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.feature{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.75rem;line-height:1.5}.feature svg{color:#10b981;flex-shrink:0}.feature.disabled{color:#9ca3af}.feature.disabled:before{color:#ef4444;content:"✕";flex-shrink:0;font-weight:700;height:16px;width:16px}.current-plan-indicator,.feature.disabled:before{align-items:center;display:flex;justify-content:center}.current-plan-indicator{background:linear-gradient(135deg,#10b981,#059669);border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem}.p2-management-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.p2-management-section .section-header{margin-bottom:2rem}.p2-stats{background:#f3f4f6;border-radius:2rem;color:#6b7280;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.p2-slot-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.slot-info h4{color:#1f2937;font-size:1.125rem;margin:0 0 .5rem}.slot-info p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.slot-controls{gap:1.5rem;margin-bottom:1rem}.slot-controls,.slot-controls .btn-secondary{align-items:center;display:flex;justify-content:center}.slot-controls .btn-secondary{border-radius:50%;height:40px;padding:0;width:40px}.slot-controls .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.slot-display{align-items:center;display:flex;flex-direction:column;gap:.25rem;min-width:100px}.slot-count{color:#1f2937;font-size:2rem;font-weight:900;line-height:1}.slot-label{color:#6b7280;font-size:.875rem;font-weight:500}.extra-cost{background:#fffbeb;border:1px solid #fed7aa;border-radius:1rem;color:#f59e0b;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.slot-pricing{text-align:center}.slot-pricing small{color:#6b7280;font-style:italic}.p2-employee-section{margin-top:2rem}.p2-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.p2-list-header h4{color:#1f2937;font-size:1.125rem;margin:0}.empty-p2-state{background:#f8fafc;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;padding:3rem 1rem;text-align:center}.empty-p2-state svg:first-child{margin-bottom:1rem}.empty-p2-state h4{color:#374151;font-size:1.25rem;margin:0 0 .5rem}.empty-p2-state p{line-height:1.5;margin:0 0 1.5rem}.p2-list{display:flex;flex-direction:column;gap:1rem}.p2-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .2s ease}.p2-item:hover{background:#f1f5f9;border-color:#cbd5e1}.p2-info{gap:1rem}.p2-avatar,.p2-info{align-items:center;display:flex}.p2-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.p2-details h5{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .25rem}.p2-details small{color:#6b7280;font-size:.8125rem}.remove-p2-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.remove-p2-btn:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.remove-p2-btn:disabled{cursor:not-allowed;opacity:.5}.billing-info-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.billing-info-section h3{color:#1f2937;font-size:1.25rem;margin:0 0 2rem}.billing-placeholder{background:#f8fafc;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;padding:3rem 1rem;text-align:center}.billing-placeholder svg{margin-bottom:1rem}.billing-placeholder h4{color:#374151;font-size:1.125rem;margin:0 0 .5rem}.billing-placeholder p{line-height:1.5;margin:0 0 1.5rem}.themes-section{margin:0 auto;max-width:800px}.current-theme-info{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.current-theme-info h3{color:#1f2937;font-size:1.25rem;margin:0 0 1.5rem}.theme-preview-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;display:flex;gap:.5rem;justify-content:center;padding:1rem}.color-sample{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:40px;transition:transform .2s ease;width:40px}.color-sample:hover{transform:scale(1.1)}.themes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.theme-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.theme-card:hover{border-color:#3b82f6;box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-4px)}.theme-card.active{background:linear-gradient(135deg,#10b98105,#10b9810d);border-color:#10b981;box-shadow:0 4px 12px #10b98133}.theme-preview .theme-colors{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.theme-preview .color-sample{height:30px;width:30px}.theme-name{color:#1f2937;font-size:.875rem;font-weight:600}.backgrounds-section{margin:0 auto;max-width:1000px}.current-background-info{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.current-background-info h3{color:#1f2937;font-size:1.25rem;margin:0 0 1.5rem}.current-background{align-items:center;display:flex;flex-direction:column;gap:1rem}.background-preview{border:2px solid #e5e7eb;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;height:120px;object-fit:cover;width:200px}.remove-background-btn{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#ef4444;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.remove-background-btn:hover{background:#fee2e2;border-color:#f87171;color:#dc2626}.no-background{background:#f8fafc;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;padding:2rem;text-align:center}.no-background svg{margin-bottom:1rem}.no-background p{font-style:italic;margin:0}.upload-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.upload-section h4{color:#1f2937;font-size:1.125rem;margin:0 0 1.5rem}.upload-area{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:.75rem;color:#6b7280;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:3rem 2rem;transition:all .3s ease}.upload-area:hover{background:#f0f9ff;border-color:#3b82f6;color:#3b82f6}.upload-area svg{transition:transform .3s ease}.upload-area:hover svg{transform:scale(1.1)}.upload-area span{font-size:1rem;font-weight:500}.preset-backgrounds{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem}.preset-backgrounds h4{color:#1f2937;font-size:1.125rem;margin:0 0 1.5rem}.backgrounds-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.background-option{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;cursor:pointer;overflow:hidden;transition:all .3s ease}.background-option:hover{border-color:#3b82f6;box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-4px)}.background-thumbnail{display:block;height:120px;object-fit:cover;width:100%}.background-info{padding:1rem;text-align:center}.background-name{color:#1f2937;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.background-type{background:#f3f4f6;border-radius:1rem;color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .5rem}.custom-theme-section{margin:0 auto;max-width:1200px}.custom-theme-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.custom-theme-header h3{color:#1f2937;font-size:1.5rem;margin:0}.preview-actions,.preview-controls{display:flex;gap:1rem}.color-customization{grid-gap:2rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;display:grid;gap:2rem;grid-template-columns:1fr 300px;padding:2rem}.color-groups{display:flex;flex-direction:column;gap:2rem}.color-group{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.5rem}.color-group h4{border-bottom:2px solid #e2e8f0;color:#1f2937;font-size:1.125rem;margin:0 0 1.5rem;padding-bottom:.75rem}.color-picker-group{margin-bottom:1.5rem}.color-picker-group:last-child{margin-bottom:0}.color-picker-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.75rem}.color-picker-container{align-items:center;display:flex;gap:.75rem}.color-picker{background:none;border:2px solid #e5e7eb;border-radius:.5rem;cursor:pointer;height:40px;transition:all .2s ease;width:60px}.color-picker:hover{border-color:#3b82f6;transform:scale(1.05)}.color-input{border:2px solid #e5e7eb;border-radius:.5rem;flex:1 1;font-family:monospace;font-size:.875rem;padding:.5rem .75rem;transition:border-color .2s ease}.color-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.theme-preview-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.theme-preview-panel h4{color:#1f2937;font-size:1.125rem;margin:0 0 1.5rem;text-align:center}.mini-preview{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;min-height:200px;padding:1rem;transition:all .3s ease}.mini-nav{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;height:40px;margin-bottom:1rem;padding:0 1rem}.mini-nav-item{border-radius:.25rem;height:20px;opacity:.7;width:60px}.mini-nav-item:first-child{opacity:1}.mini-content{height:100px}.mini-card{align-items:flex-end;border-radius:.5rem;display:flex;gap:.5rem;height:100%;padding:1rem}.mini-button{border-radius:.25rem;height:20px;width:40px}@media (max-width:1024px){.color-customization{gap:1.5rem;grid-template-columns:1fr}.theme-preview-panel{position:static}.settings-actions{flex-wrap:wrap;gap:.5rem}.plan-header{align-items:flex-start;flex-direction:column;gap:1rem}.monthly-total{text-align:left}}@media (max-width:768px){.settings-tabs{gap:.125rem;padding:.25rem}.settings-tab{font-size:.875rem;padding:.5rem .75rem}.settings-actions{flex-direction:column;width:100%}.settings-actions .btn-secondary{justify-content:center;width:100%}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.backgrounds-grid,.themes-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.auth-buttons{flex-direction:column}.auth-card{padding:1.5rem}.custom-theme-header{align-items:stretch;flex-direction:column;gap:1rem}.preview-actions,.preview-controls{justify-content:center}.slot-controls{gap:1rem}.p2-list-header{gap:1rem}.color-picker-container,.p2-list-header{align-items:stretch;flex-direction:column}.color-picker{height:50px;width:100%}}@media (max-width:480px){.settings-tab{font-size:.8125rem;padding:.5rem}.settings-tab span{display:none}.user-avatar{height:60px;width:60px}.auth-header h3{font-size:1.25rem}.plan-card{padding:1.5rem}.price{font-size:2.5rem}.slot-count,.total-amount{font-size:1.5rem}.p2-item{padding:1rem}.p2-avatar{height:40px;width:40px}.info-item{gap:.5rem}.cost-item,.info-item{align-items:flex-start;flex-direction:column}.cost-item{gap:.25rem}.color-groups{gap:1.5rem}.color-group{padding:1rem}.mini-preview{min-height:150px}.mini-content{height:80px}}.settings-tab-content{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.background-option:focus,.color-picker:focus,.plan-card:focus,.settings-tab:focus,.theme-card:focus,.upload-area:focus{outline:2px solid #3b82f6;outline-offset:2px}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:inherit;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{height:32px;width:32px}@media print{.auth-buttons,.preview-controls,.remove-background-btn,.remove-p2-btn,.settings-actions,.settings-tabs{display:none}.settings-tab-content{box-shadow:none}.auth-card,.current-plan-status,.plan-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.ccc-decoder{margin:0 auto;max-width:1200px;padding:0 1rem}.decoder-header{margin-bottom:2rem;text-align:center}.decoder-header h3{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem}.decoder-header p{color:var(--text-muted);line-height:1.6;margin:0 auto;max-width:600px}.decoder-input-section{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;padding:2rem}.decoder-textarea{border:2px solid #d1d5db;border-radius:6px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;min-height:100px;padding:.75rem;resize:vertical;transition:border-color .2s;width:100%}.decoder-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.decoder-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:1rem}.decoder-results{margin:0 auto;max-width:1000px}.result-section{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.result-section h4{border-bottom:2px solid var(--border-color);color:var(--text-color);font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.75rem;text-align:center}.user-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.info-card{background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.info-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.info-label{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.info-value{color:var(--text-color);font-size:1.125rem;font-weight:600}.tier-badge{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2rem;box-shadow:0 2px 4px #2563eb4d;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.financial-section{background:linear-gradient(135deg,#2563eb05,#2563eb0d);border:2px solid var(--primary-color);border-radius:1.25rem}.financial-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2rem}.financial-card{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;text-align:center;transition:all .2s ease}.financial-card:hover{box-shadow:0 8px 15px -3px #0000001a;transform:translateY(-4px)}.financial-card.highlight{background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-color:var(--primary-color);border-width:2px}.financial-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.financial-header h6{color:var(--text-color);font-size:1rem;font-weight:600;letter-spacing:.025em;margin:0;text-transform:uppercase}.financial-count{background:#f8fafc;border:1px solid var(--border-color);border-radius:1rem;color:var(--text-muted);font-size:.875rem;padding:.25rem .75rem}.financial-value{color:var(--text-color);font-size:2rem;font-weight:800}.financial-value.purchase{color:var(--danger-color)}.financial-value.bet{color:var(--warning-color)}.financial-value.redeem{color:var(--success-color)}.activity-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.activity-card{background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.activity-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.activity-label{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:.75rem;text-transform:uppercase}.activity-value{color:var(--text-color);font-size:1.125rem;font-weight:600}.risk-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.risk-card{background:#f8fafc;border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;text-align:center;transition:all .2s ease}.risk-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.risk-label{color:var(--text-muted);font-size:.875rem;font-weight:500;letter-spacing:.025em;margin-bottom:.75rem;text-transform:uppercase}.risk-value{color:var(--text-color);font-size:1.125rem;font-weight:600}.risk-value.verified{color:var(--success-color)}.risk-value.unverified{color:var(--danger-color)}.risk-value.safe{color:var(--success-color)}.risk-value.warning{color:var(--warning-color)}.risk-value.score{color:var(--primary-color);font-size:1.5rem;font-weight:800}.risk-value.vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:1rem;color:#fff;display:inline-block;font-weight:700;letter-spacing:.025em;padding:.5rem 1rem;text-transform:uppercase}.data-permission-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.permission-checkbox{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.permission-checkbox input[type=checkbox]{margin-top:4px;transform:scale(1.2)}.checkbox-label{color:#495057;line-height:1.4}.permission-note{color:#6c757d;font-size:.875rem;font-style:italic;margin:8px 0 0 32px}.success-message{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;gap:8px;margin-top:12px;padding:12px 16px}.enhanced-success{background:linear-gradient(135deg,#d4edda,#e2f7e5);padding:20px;text-align:center}.enhanced-success h4{color:#155724;margin:0 0 12px}.analytics-charts{width:100%}.analytics-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.time-range-selector{align-items:center;display:flex;gap:8px}.time-range-select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:.875rem;padding:8px 12px}.analytics-overview{margin-bottom:32px}.stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:all .2s ease}.stat-card.highlight{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#2196f3}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-label{color:#6c757d;margin-bottom:8px}.stat-value{color:#2c3e50;font-size:1.5rem;font-weight:600}.chart-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:24px}.chart-section h5,.chart-section h6{color:#2c3e50;margin:0 0 16px}.promo-stats-section{background:#f8f9fa;border-radius:8px;margin-bottom:24px;padding:24px}.promo-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.promo-stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.promo-stat-label{color:#6c757d;font-size:.875rem;font-weight:500;margin-bottom:8px}.promo-stat-value{color:#2c3e50;font-size:1.25rem;font-weight:600;margin-bottom:4px}.promo-stat-detail{color:#6c757d;font-size:.75rem}.analytics-insights{margin-top:32px}.insights-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insight-card{align-items:flex-start;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:16px;padding:20px}.insight-icon{flex-shrink:0;font-size:1.5rem}.insight-content h6{color:#2c3e50;margin:0 0 8px}.insight-content p{color:#6c757d;font-size:.875rem;line-height:1.4;margin:0}.analytics-charts.loading{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2196f3;height:40px;margin:0 auto 16px;width:40px}.promotional-data-form{background:#f8f9fa;border-radius:8px;padding:24px}.form-header{margin-bottom:24px}.form-header h5{color:#2c3e50;margin:0 0 8px}.form-description{color:#6c757d;line-height:1.5;margin:0}.package-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:24px}.package-section-header{margin-bottom:20px}.package-section-header h6{align-items:center;color:#2c3e50;display:flex;gap:8px;margin:0 0 8px}.package-form-row{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:16px;padding:20px}.package-form-grid{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:2fr 1fr 1fr 2fr auto}.form-group{display:flex;flex-direction:column}.form-group label{color:#495057;font-size:.875rem;font-weight:500;margin-bottom:6px}.package-input{border:1px solid #ced4da;border-radius:4px;font-size:.875rem;padding:10px 12px;transition:border-color .2s ease}.package-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.input-with-prefix,.input-with-suffix{display:flex;position:relative}.input-prefix{border:1px solid #ced4da;border-radius:4px 0 0 4px;border-right:none}.input-prefix,.input-suffix{align-items:center;background:#e9ecef;color:#6c757d;display:flex;font-size:.875rem;padding:10px 12px}.input-suffix{border:1px solid #ced4da;border-left:none;border-radius:0 4px 4px 0}.input-with-prefix input,.input-with-suffix input{border-radius:0}.input-with-prefix input{border-left:none;border-radius:0 4px 4px 0}.input-with-suffix input{border-radius:4px 0 0 4px;border-right:none}.form-actions{align-items:center;justify-content:center}.btn-remove{background:#dc3545;border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:8px;transition:background-color .2s ease}.btn-remove:hover{background:#c82333}.btn-add-package{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:16px;padding:12px 24px;transition:background-color .2s ease}.btn-add-package:hover{background:#218838}.package-value-display{align-items:center;border-top:1px solid #e9ecef;display:flex;font-size:.875rem;justify-content:space-between;margin-top:12px;padding-top:12px}.value-metric{color:#6c757d;font-weight:500}.value-rating{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px}.value-rating.good{background:#d4edda;color:#155724}.value-rating.fair{background:#fff3cd;color:#856404}.value-rating.poor{background:#f8d7da;color:#721c24}.form-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:24px;padding:20px}.summary-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:16px}.summary-stat{background:#f8f9fa;border-radius:6px;padding:16px;text-align:center}.summary-label{color:#6c757d;display:block;font-size:.875rem;margin-bottom:8px}.summary-value{color:#2c3e50;font-size:1.25rem;font-weight:600}.data-usage-info{background:#e3f2fd;border:1px solid #2196f3;border-radius:8px;margin-bottom:24px;padding:20px}.data-usage-info h6{color:#1565c0;margin:0 0 12px}.data-usage-info ul{color:#1565c0;margin:0;padding-left:20px}.data-usage-info li{line-height:1.4;margin-bottom:8px}.form-actions-bar{display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.form-footer-note{background:#f8f9fa;border-radius:6px;color:#6c757d;font-size:.875rem;line-height:1.5;margin:0;padding:16px;text-align:center}.enhanced-data-prompt{background:linear-gradient(135deg,#e8f5e8,#f0f8ff);border:1px solid #28a745;border-radius:8px;padding:24px;text-align:center}.enhanced-data-prompt h4{color:#155724;margin:0 0 12px}.enhanced-data-prompt p{color:#155724;line-height:1.5;margin:0 0 20px}.prompt-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}@media (max-width:768px){.analytics-header{align-items:stretch;flex-direction:column}.package-form-grid{gap:12px;grid-template-columns:1fr}.form-actions-bar{flex-direction:column}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.insights-grid,.promo-stats-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.prompt-actions{flex-direction:column}}.analytics-charts.error{align-items:center;display:flex;justify-content:center;min-height:200px}.error-message{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;display:flex;gap:16px;justify-content:space-between;margin-top:12px;padding:12px 16px}.error-message button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px}.error-message button:hover{background:#c82333}.calc-ratio-section{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:2rem}.calc-ratio-header{margin-bottom:1.5rem;text-align:center}.calc-ratio-header h5{color:var(--text-color);font-size:1.125rem;margin:0 0 .5rem}.calc-ratio-header p{color:var(--text-muted);font-size:.875rem;line-height:1.5}.calc-ratio-display{margin-top:1.5rem}.calc-ratio-bar-container{margin-bottom:2rem;position:relative}.calc-ratio-labels{display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.calc-ratio-label{border-radius:1rem;flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.calc-ratio-label.danger{background:#ef44441a;border:1px solid #ef444433;color:var(--danger-color)}.calc-ratio-label.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:var(--warning-color)}.calc-ratio-label.success{background:#0596691a;border:1px solid #05966933;color:var(--success-color)}.calc-ratio-bar{background:#fff;border:3px solid #e5e7eb;border-radius:2rem;box-shadow:inset 0 2px 4px #0000001a;display:flex;height:60px;overflow:visible;position:relative}.calc-ratio-section-bar{height:100%;position:relative;transition:all .3s ease}.calc-ratio-section-bar:first-child{border-bottom-left-radius:2rem;border-top-left-radius:2rem}.calc-ratio-section-bar:last-child{border-bottom-right-radius:2rem;border-top-right-radius:2rem}.calc-ratio-section-bar.danger{background:linear-gradient(135deg,#ef444466,#ef444433)}.calc-ratio-section-bar.warning{background:linear-gradient(135deg,#f59e0b66,#f59e0b33)}.calc-ratio-section-bar.success{background:linear-gradient(135deg,#05966966,#05966933)}.calc-ratio-indicator{align-items:center;background:#fff;border:4px solid;border-radius:50%;box-shadow:0 4px 12px #00000026;display:flex;height:80px;justify-content:center;position:absolute;top:-15px;transform:translateX(-50%);transition:all .3s ease;width:80px;z-index:10}.calc-ratio-indicator.danger{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#ef4444}.calc-ratio-indicator.warning{background:linear-gradient(135deg,#fff,#fffbeb);border-color:#f59e0b}.calc-ratio-indicator.success{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#059669}.calc-ratio-value{color:var(--text-color);font-size:.875rem;font-weight:800;line-height:1;text-align:center;white-space:nowrap}.calc-ratio-interpretation{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;text-align:center}.calc-ratio-status{align-items:center;background:#fff;border:2px solid;border-radius:2rem;box-shadow:0 2px 8px #0000001a;display:flex;font-size:1.25rem;font-weight:600;gap:.75rem;padding:.75rem 1.5rem}.calc-ratio-status.danger{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#ef4444;color:#ef4444}.calc-ratio-status.warning{background:linear-gradient(135deg,#fff,#fffbeb);border-color:#f59e0b;color:#f59e0b}.calc-ratio-status.success{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#059669;color:#059669}.calc-status-indicator{border-radius:50%;box-shadow:0 0 0 3px #ffffff4d;height:12px;width:12px}.calc-ratio-status.danger .calc-status-indicator{background:#ef4444;box-shadow:0 0 0 3px #ef44444d}.calc-ratio-status.warning .calc-status-indicator{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b4d}.calc-ratio-status.success .calc-status-indicator{background:#059669;box-shadow:0 0 0 3px #0596694d}.calc-ratio-description{color:var(--text-muted);font-size:1rem;font-weight:500;margin:0}.calc-calculator-section{background:linear-gradient(135deg,#05966905,#0596690d);border:2px solid var(--success-color);border-radius:1.25rem}.calc-calculator-description{color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem;text-align:center}.calc-calculator-inputs{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:2rem}.calc-calculator-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.calc-input-group{display:flex;flex-direction:column;gap:.5rem}.calc-input-group label{color:var(--text-color);font-size:.875rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.calc-input-with-prefix,.calc-input-with-suffix{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:.75rem;display:flex;overflow:hidden;position:relative}.calc-input-with-prefix:focus-within,.calc-input-with-suffix:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.calc-input-with-prefix input,.calc-input-with-suffix input{border:none;flex:1 1;font-size:1rem;font-weight:600;outline:none;padding:.75rem 1rem}.calc-input-prefix,.calc-input-suffix{background:#f3f4f6;border-left:1px solid var(--border-color);color:var(--text-muted);font-size:.875rem;font-weight:600;padding:.75rem}.calc-input-prefix{border-left:none;border-right:1px solid var(--border-color)}.calc-calculator-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.calc-calculator-btn{border-radius:.75rem;font-size:1rem;min-width:250px;padding:.875rem 2rem;white-space:nowrap}.calc-current-status{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.calc-current-status h5{color:var(--text-color);font-size:1.125rem;margin-bottom:1rem;text-align:center}.calc-status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.calc-status-item{align-items:center;background:#f9fafb;border:1px solid var(--border-color);border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.calc-status-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.calc-status-value{font-size:1rem;font-weight:600}.calc-status-value.below-target{color:var(--danger-color)}.calc-status-value.above-target{color:var(--success-color)}.calc-status-value.at-target{color:var(--warning-color)}.calc-status-indicator{border-radius:.5rem;font-weight:600;padding:.75rem;text-align:center}.calc-indicator.below{background:#fef2f2;border:1px solid #fecaca;color:var(--danger-color)}.calc-indicator.above{background:#ecfdf5;border:1px solid #bbf7d0;color:var(--success-color)}.calc-indicator.at{background:#fffbeb;border:1px solid #fed7aa;color:var(--warning-color)}.calc-calculator-results{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:2rem;padding:2rem}.calc-calculator-results h5,.calc-calculator-results h6{color:var(--text-color);margin-bottom:1rem;text-align:center}.calc-results-grid{display:flex;flex-direction:column;gap:2rem}.calc-already-at-target{padding:2rem;text-align:center}.calc-success-message{align-items:center;background:#fff;border:2px solid var(--success-color);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:2rem}.calc-success-icon{font-size:3rem;margin-bottom:1rem}.calc-success-message h5{font-size:1.5rem}.calc-success-message h5,.calc-success-message h6{color:var(--text-color);font-weight:700;margin:0 0 .5rem}.calc-success-message h6{font-size:1.25rem}.calc-success-message p{color:var(--text-muted);line-height:1.6;margin:0 0 1rem;max-width:500px}.calc-suggestion-box{background:#2563eb0d;border:1px solid #2563eb33;border-radius:.75rem;margin-top:1rem;padding:1rem;text-align:left}.calc-suggestion-box p{font-size:.875rem;line-height:1.5;margin:0}.calc-result-overview{background:linear-gradient(135deg,#0596690d,#05966905);border:2px solid #05966933;border-radius:1rem;padding:2rem;text-align:center}.calc-result-overview h5,.calc-result-overview h6{align-items:center;color:var(--text-color);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 1.5rem}.calc-overview-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:1.5rem}.calc-overview-stat{background:#fff;border:1px solid var(--border-color);border-radius:.75rem;box-shadow:0 2px 4px #0000000d;padding:1.5rem;text-align:center;transition:all .2s ease}.calc-overview-stat:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.calc-overview-stat.highlight-stat{background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-color:var(--primary-color);border-width:2px}.calc-stat-label{color:var(--text-muted);display:block;font-size:.875rem;font-weight:600;letter-spacing:.025em;margin-bottom:.75rem;text-transform:uppercase}.calc-stat-value{color:var(--text-color);font-size:1.75rem;font-weight:800;line-height:1}.calc-stat-value.highlight{color:var(--primary-color);font-size:2rem}.calc-stat-value.cost{color:var(--danger-color)}.calc-stat-value.profit{color:var(--success-color)}.calc-stat-value.loss{color:var(--danger-color)}.calc-result-breakdown{background:#f8fafc;border:1px solid var(--border-color);border-radius:1rem;padding:2rem}.calc-result-breakdown h5,.calc-result-breakdown h6{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 1.5rem;text-align:center}.calc-breakdown-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.calc-breakdown-item{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:.75rem;display:flex;justify-content:space-between;padding:1rem 1.5rem;transition:all .2s ease}.calc-breakdown-item:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.calc-breakdown-item.highlight-item{background:linear-gradient(135deg,#2563eb0d,#2563eb05);border-color:var(--primary-color);border-width:2px}.calc-breakdown-label{color:var(--text-color);flex:1 1;font-size:.875rem;font-weight:500;margin-right:1rem}.calc-breakdown-value{color:var(--text-color);font-size:1rem;font-weight:700;text-align:right;white-space:nowrap}.calc-breakdown-value.highlight{color:var(--primary-color);font-size:1.125rem}.calc-breakdown-value.profit{color:var(--success-color)}.calc-breakdown-value.loss{color:var(--danger-color)}.calc-breakdown-value.ratio{color:var(--warning-color);font-weight:800}.calc-result-summary{background:linear-gradient(135deg,#0596691a,#0596690d);border:2px solid var(--success-color);border-radius:1rem;padding:2rem}.calc-result-summary h5,.calc-result-summary h6{align-items:center;color:var(--text-color);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 1.5rem;text-align:center}.calc-summary-card{background:#fff;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 2px 4px #0000000d;padding:2rem}.calc-profit-highlight{background:linear-gradient(135deg,#0596690d,#05966905);border:2px solid #05966933;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem;text-align:center}.calc-profit-number{margin-bottom:.75rem}.calc-profit-label{color:var(--text-muted);display:block;font-size:1rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.calc-profit-amount{font-size:2.5rem;font-weight:900;line-height:1}.calc-profit-amount.positive{color:var(--success-color)}.calc-profit-amount.negative{color:var(--danger-color)}.calc-profit-details{color:var(--text-muted);font-size:.875rem;font-weight:500}.calc-strategy-explanation{display:flex;flex-direction:column;gap:1rem}.calc-strategy-explanation p{color:var(--text-color);font-size:.9rem;line-height:1.6;margin:0}.calc-strategy-explanation strong{color:var(--text-color);font-weight:700}.daily-missions-parser{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.daily-missions-header{border-bottom:1px solid #f3f4f6;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.daily-missions-header h3{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 .5rem}.daily-missions-header p{color:#6b7280;font-size:1rem;line-height:1.5;margin:0}.missions-input-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.missions-input-section .form-group{margin-bottom:1rem}.missions-input-section label{color:#374151;display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.missions-textarea{background:#fff;border:2px solid #d1d5db;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;min-height:120px;padding:.75rem;resize:vertical;transition:border-color .2s ease;width:100%}.missions-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.missions-textarea::placeholder{color:#9ca3af;font-style:italic}.missions-button-group{display:flex;flex-wrap:wrap;gap:.75rem}.missions-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.missions-btn-primary{background:#3b82f6;color:#fff}.missions-btn-primary:hover{background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.missions-btn-secondary{background:#6b7280;color:#fff}.missions-btn-secondary:hover{background:#4b5563;box-shadow:0 4px 8px #6b72804d;transform:translateY(-1px)}.missions-btn-clear{background:#ef4444;color:#fff}.missions-btn-clear:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.missions-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.missions-btn:disabled:hover{box-shadow:none;transform:none}.missions-alert{border:1px solid;border-radius:8px;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.missions-alert-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.missions-alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.missions-alert strong{font-weight:600}.missions-results{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.missions-results-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:between;padding:1.5rem}.missions-results-header h4{align-items:center;color:#1f2937;display:flex;flex:1 1;font-size:1.125rem;font-weight:700;gap:.5rem;margin:0}.missions-time-display{text-align:right}.missions-time-value{color:#3b82f6;font-size:.875rem;font-weight:700}.missions-time-label{color:#6b7280;font-size:.75rem;margin-top:2px}.missions-list{padding:1.5rem}.mission-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;padding:1rem;position:relative;transition:all .2s ease}.mission-card:last-child{margin-bottom:0}.mission-card:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.mission-card.mission-completed{background:#f0fdf4;border-color:#10b981}.mission-card.mission-active{background:#eff6ff;border-color:#3b82f6}.mission-card.mission-upcoming{background:#f9fafb;border-color:#d1d5db}.mission-card.mission-grand-prize{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;border-width:2px}.mission-badge{align-items:center;border-radius:6px;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:28px;justify-content:center;left:.75rem;position:absolute;top:.75rem;width:28px}.mission-badge.badge-completed{background:#10b981}.mission-badge.badge-active{background:#3b82f6}.mission-badge.badge-upcoming{background:#6b7280}.mission-badge.badge-grand-prize{background:#f59e0b}.mission-completion-check{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:.75rem;height:20px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:20px}.mission-content{margin-left:2.5rem}.mission-title-row{align-items:center;display:flex;justify-content:between;margin-bottom:.75rem}.mission-title-group{align-items:center;display:flex;flex:1 1;gap:.5rem}.mission-title{color:#1f2937;font-size:.875rem;font-weight:600;margin:0}.mission-game{color:#6b7280;font-size:.75rem;margin:2px 0 0}.mission-status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.status-completed{background:#dcfce7;color:#16a34a}.status-active{background:#dbeafe;color:#2563eb}.status-upcoming{background:#f3f4f6;color:#374151}.mission-progress{margin-bottom:.75rem}.mission-progress-labels{color:#6b7280;display:flex;font-size:.75rem;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.mission-progress-labels span{white-space:nowrap}.mission-progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.mission-progress-fill{background:#3b82f6;border-radius:4px;height:100%;position:relative;transition:width .3s ease}.mission-progress-fill.progress-completed{background:#10b981}.mission-rewards{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mission-rewards-label{color:#6b7280;font-size:.75rem;font-weight:600}.reward-badge{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.25rem .5rem}.reward-icon{font-size:.875rem}.grand-prize-summary{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:center}.grand-prize-title{align-items:center;color:#92400e;display:flex;font-size:.875rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 0 .25rem}.grand-prize-description{color:#b45309;font-size:.75rem;margin:0}@media (max-width:768px){.daily-missions-parser,.missions-input-section{padding:1rem}.missions-button-group{flex-direction:column}.missions-btn{justify-content:center}.mission-title-row{align-items:flex-start;flex-direction:column;gap:.5rem}.mission-content{margin-left:2rem}}.tab-content{margin:0 auto;max-width:1200px;padding:2rem}.tools-page .section-header{margin-bottom:2rem;text-align:center}.tools-page .section-header h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.tools-page .section-header .text-muted{color:#6b7280;font-size:1.125rem;margin:0}.tools-nav{margin-bottom:2rem}.tools-nav .grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.tools-nav .grid.grid-cols-1{grid-template-columns:1fr}@media (min-width:768px){.tools-nav .grid.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tools-nav .grid.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}.tool-nav-tab{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;min-height:120px;padding:1.5rem;text-align:left;transition:all .2s ease-in-out}.tool-nav-tab:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.tool-nav-tab.border-blue-500{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 6px #3b82f626}.tool-nav-content{width:100%}.tool-nav-content .flex{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.tool-nav-content .p-2{align-items:center;border-radius:8px;display:flex;justify-content:center;padding:.75rem}.tool-nav-content .bg-blue-100{background-color:#dbeafe}.tool-nav-content .text-blue-600{color:#2563eb}.tool-nav-content .bg-gray-100{background-color:#f3f4f6}.tool-nav-content .text-gray-600{color:#4b5563}.tool-nav-content h4{font-size:1.125rem;font-weight:600;margin:0}.tool-nav-content .text-blue-900{color:#1e3a8a}.tool-nav-content .text-gray-900{color:#111827}.tool-nav-content p{font-size:.875rem;line-height:1.4;margin:0}.tool-nav-content .text-blue-700{color:#1d4ed8}.tool-content{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.mb-6{margin-bottom:1.5rem}.gap-4{gap:1rem}.rounded-lg{border-radius:8px}.transition-all{transition:all .2s ease-in-out}.hover\:shadow-md:hover,.shadow-md{box-shadow:0 4px 6px #0000001a}.text-left{text-align:left}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.mb-2{margin-bottom:.5rem}@media (max-width:767px){.tab-content{padding:1rem}.tools-page .section-header h2{font-size:2rem}.tools-page .section-header .text-muted{font-size:1rem}.tool-nav-tab{min-height:100px;padding:1rem}.tools-nav .grid{gap:1rem}}.tool-nav-tab:hover:not(.border-blue-500){border-color:#9ca3af}.tool-nav-tab:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.tool-nav-tab:focus{outline:2px solid #3b82f6;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tool-content{animation:fadeIn .3s ease-out}.cashback-container{margin:0 auto;max-width:1400px;padding:1.5rem}.cashback-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.cashback-header h2{color:#1f2937;font-size:1.875rem;font-weight:700;margin:0}.cashback-header-actions{align-items:center;display:flex;gap:1rem}.cashback-period-select{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;font-size:.875rem;padding:.5rem 1rem}.cashback-period-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.cashback-analytics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.cashback-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.cashback-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.cashback-card-header{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1rem}.cashback-card-value{color:#1f2937;font-size:2rem;font-weight:700}.cashback-card-value.cashback-cash{color:#10b981}.cashback-card-value.cashback-points{color:#3b82f6}.cashback-empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:4rem 2rem;text-align:center}.cashback-empty-state svg{color:#9ca3af;margin-bottom:1rem}.cashback-empty-state h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.cashback-empty-state p{color:#6b7280;margin:0}.cashback-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;overflow:hidden}.cashback-table-scroll{overflow-x:auto}.cashback-table{border-collapse:collapse;font-size:.875rem;width:100%}.cashback-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left;white-space:nowrap}.cashback-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:middle}.cashback-table tbody tr:hover{background:#f9fafb}.cashback-table tbody tr:last-child td{border-bottom:none}.cashback-type-indicator{align-items:center;display:flex;font-weight:500;gap:.5rem}.cashback-type-indicator.cashback-cash{color:#10b981}.cashback-type-indicator.cashback-points{color:#3b82f6}.cashback-source{color:#1f2937;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cashback-category{color:#6b7280;font-size:.8125rem}.cashback-payment-info{display:flex;flex-direction:column;gap:.25rem}.cashback-payment-name{color:#1f2937;font-weight:500}.cashback-payment-type{color:#6b7280;font-size:.75rem;text-transform:capitalize}.cashback-amount{font-family:Monaco,Menlo,monospace}.cashback-amount.cashback-cash{color:#10b981}.cashback-amount.cashback-points{color:#3b82f6}.cashback-cash-value{color:#10b981;font-family:Monaco,Menlo,monospace;font-weight:600}.cashback-recurring-badge{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.cashback-recurring-badge.recurring{background:#dbeafe;color:#1d4ed8}.cashback-recurring-badge.one-time{background:#f3f4f6;color:#6b7280}.cashback-date{color:#6b7280;font-size:.8125rem;white-space:nowrap}.cashback-action-buttons{align-items:center;display:flex;gap:.5rem}.cashback-pagination-container{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem}.cashback-pagination-info{color:#6b7280;font-size:.875rem}.cashback-pagination-controls{align-items:center;display:flex;gap:.5rem}.cashback-pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.cashback-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.cashback-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.cashback-pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.cashback-pagination-btn.active:hover{background:#2563eb;border-color:#2563eb}.cashback-section{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.cashback-header{align-items:center;color:#10b981;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.cashback-details{display:flex;flex-direction:column;gap:.5rem}.cashback-item{align-items:center;display:flex;font-size:.8125rem;justify-content:space-between}.cashback-label{color:#6b7280;font-weight:400}.cashback-value{color:#1f2937;font-weight:500;text-transform:capitalize}.form-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.form-section h4{align-items:center;color:#1f2937;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.form-section h4:before{content:"💰";font-size:1rem}.cashback-amount{align-items:center;display:flex;font-weight:600;gap:.5rem}.cashback-amount .inline-icon{flex-shrink:0}.text-success{color:#10b981}.cashback-status-btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.375rem;justify-content:center;letter-spacing:.025em;min-width:80px;padding:.375rem .75rem;text-transform:uppercase;transition:all .2s ease}.cashback-status-btn.pending{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.cashback-status-btn.pending:hover{background:#fde68a;box-shadow:0 2px 4px #f59e0b33;transform:translateY(-1px)}.cashback-status-btn.paid{background:#dbeafe;border:1px solid #3b82f6;color:#1e40af}.cashback-status-btn.paid:hover{background:#bfdbfe;box-shadow:0 2px 4px #3b82f633;transform:translateY(-1px)}.cashback-table td.cashback-payment-method{font-weight:500;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cashback-table td.cashback-status{padding:.75rem .5rem}.cashback-table td.cashback-date{color:#374151;font-weight:500}.cashback-table td.cashback-source{color:#1f2937;font-weight:600}.cashback-table td.cashback-description{color:#6b7280;font-size:.875rem}.cashback-p2-info,.cashback-table td.cashback-payment-method{color:#475569;font-size:.875rem}.cashback-p2-info,.cashback-table td.cashback-amount{align-items:center;display:flex;gap:.375rem}.cashback-table td.cashback-amount{color:#10b981;font-family:Monaco,Menlo,monospace;font-weight:600}.cashback-table td.cashback-status{text-align:center}.cashback-header-actions .btn-primary{display:none}.cashback-container:before{content:"";display:block;margin-bottom:1rem}.cashback-header:after{color:#6b7280;content:"Automatically synchronized from your transactions";display:block;font-size:.875rem;font-style:italic;margin-top:.5rem}.cashback-header{align-items:stretch;flex-direction:column}.cashback-header-actions{justify-content:space-between}.cashback-analytics-grid{gap:1rem}.cashback-card{padding:1rem}.cashback-card-value{font-size:1.5rem}.cashback-table{font-size:.8125rem}.cashback-table td,.cashback-table th{padding:.75rem .5rem}.cashback-pagination-container{flex-direction:column;text-align:center}.cashback-pagination-controls{flex-wrap:wrap;justify-content:center}.cashback-details{gap:.375rem}.cashback-item{align-items:flex-start;flex-direction:column;gap:.125rem}.form-section{padding:1rem}@media (max-width:640px){.cashback-table td,.cashback-table th{padding:.5rem .25rem}.cashback-source{max-width:100px}.cashback-action-buttons{flex-direction:column;gap:.25rem}.cashback-pagination-btn{font-size:.8125rem;padding:.375rem .5rem}}.modal.modal-large{max-height:90vh;max-width:900px;overflow-y:auto}.modal h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:.75rem}.payment-methods-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;margin:1.5rem 0;padding:1.5rem}.payment-methods-section h4{align-items:center;color:#475569;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.payment-methods-section h4:before{content:"💳";font-size:1rem}.cashback-input-group{display:flex;flex-direction:column;gap:.75rem;position:relative}.cashback-input-group input{padding-right:3rem}.auto-cashback-indicator{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #bbf7d0;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem}.auto-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:.375rem;box-shadow:0 1px 3px #10b9814d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem .75rem;text-shadow:0 1px 2px #0000001a}.reset-auto-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#475569;cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.25rem;padding:.375rem .75rem;transition:all .2s ease}.reset-auto-btn:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 2px 4px #0000001a;color:#334155;transform:translateY(-1px)}.profit-display{border:2px solid;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;font-family:Monaco,Menlo,monospace;font-size:1.25rem;font-weight:700;padding:1rem;text-align:center}.profit-display.profit{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#16a34a;color:#166534}.profit-display.loss{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#dc2626;color:#991b1b}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-group small{color:#6b7280;display:block;font-size:.8125rem;margin-top:.25rem}.form-group select option{padding:.5rem}.form-group input[type=checkbox]{margin-right:.5rem;transform:scale(1.1);width:auto}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.5rem;box-shadow:0 2px 4px #3b82f64d;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;color:#475569;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.transactions-table{table-layout:fixed;width:100%}.transactions-table .col-type{width:120px}.transactions-table .col-website{width:100px}.transactions-table .col-description{width:140px}.transactions-table .col-game,.transactions-table .col-p2{width:110px}.transactions-table .col-cashback,.transactions-table .col-purchase,.transactions-table .col-withdrawal{width:90px}.transactions-table .col-profit{font-weight:600;width:120px}.transactions-table .col-status{width:110px}.transactions-table .col-date,.transactions-table .col-paid{width:100px}.transactions-table .col-actions{width:80px}.centered-text{display:block;text-align:center;width:100%}.centered-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.transactions-table .col-actions,.transactions-table .col-paid,.transactions-table .col-status{text-align:center}.transactions-table .col-cashback,.transactions-table .col-profit,.transactions-table .col-purchase,.transactions-table .col-withdrawal{font-family:Monaco,Menlo,monospace;text-align:right}.transactions-table .action-buttons{align-items:center;display:flex;gap:.25rem;justify-content:center}.transactions-table .action-buttons .btn-icon{align-items:center;display:flex;height:28px;justify-content:center;padding:.25rem;width:28px}.paid-status.centered-content .paid-info{font-size:.75rem;margin-top:.25rem}.paid-status.centered-content .paid-indicator{color:#059669;font-weight:500}.paid-status.centered-content .payout-date{color:#6b7280;font-size:.7rem}.transaction-type{align-items:center;display:flex;font-size:.875rem;gap:.5rem}@media (max-width:1200px){.transactions-table .col-description{width:120px}.transactions-table .col-game,.transactions-table .col-p2{width:100px}}@media (max-width:768px){.transactions-table{min-width:1000px;table-layout:auto}.transactions-table .col-actions,.transactions-table .col-cashback,.transactions-table .col-date,.transactions-table .col-description,.transactions-table .col-game,.transactions-table .col-p2,.transactions-table .col-paid,.transactions-table .col-profit,.transactions-table .col-purchase,.transactions-table .col-status,.transactions-table .col-type,.transactions-table .col-website,.transactions-table .col-withdrawal{min-width:80px;width:auto}}.cashback-section .cashback-header{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:.75rem}.cashback-section .cashback-header[data-type=points]{color:#3b82f6}.cashback-section .cashback-header[data-type=cash]{color:#10b981}.payment-method-card[data-cashback-type=points] .cashback-section{border-left:3px solid #3b82f6;padding-left:.75rem}.payment-method-card[data-cashback-type=cash] .cashback-section{border-left:3px solid #10b981;padding-left:.75rem}.cashback-container .text-danger{color:#ef4444}.cashback-container .btn-primary{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.cashback-container .btn-primary:hover{background:#2563eb;border-color:#2563eb}.cashback-container .btn-icon{align-items:center;background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:.25rem;transition:all .2s ease}.cashback-container .btn-icon:hover{background:#f3f4f6;color:#374151}.cashback-container .btn-icon.text-danger{color:#ef4444}.cashback-container .btn-icon.text-danger:hover{background:#fef2f2;color:#dc2626}.sweeps-feed{margin:0 auto;max-width:1200px;padding:20px}.feed-header{margin-bottom:30px}.header-content{margin-bottom:25px;text-align:center}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.header-content p{color:#718096;font-size:1.1rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;text-align:center}.stat-card.claimed,.stat-card.profit{border-color:#68d391}.stat-value{display:block;font-size:2rem;font-weight:700;margin-bottom:8px}.stat-label{font-size:.875rem;font-weight:500;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.feed-controls{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px;padding:20px}.control-group,.feed-controls{align-items:center;display:flex}.control-group{gap:12px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#4299e1;color:#fff}.btn-primary:hover:not(:disabled){background:#3182ce}.btn-secondary{background:#718096;color:#fff}.btn-secondary:hover:not(:disabled){background:#4a5568}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;padding:8px 12px}.auto-refresh-toggle,.show-claimed-toggle{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px}.deals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.deal-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease}.deal-card:hover{border-color:#4299e1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.deal-card.claimed{background:#f8fff9;border:2px solid #28a745;opacity:.6}.deal-header{align-items:center;background:#f7fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:16px 20px}.website-badge{background:#4299e1;border-radius:20px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.time-badge{background:#718096;color:#fff}.profit-badge,.time-badge{border-radius:12px;font-size:11px;padding:4px 8px}.profit-badge{background:#68d391;color:#22543d;font-weight:600}.deal-content{padding:20px}.deal-title{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:8px;line-height:1.4;margin:0}.deal-emoji{flex-shrink:0;font-size:1.2em}.deal-actions{display:flex;gap:10px;margin-bottom:0;padding:0 20px}.action-btn{border-radius:6px;flex:1 1;font-size:13px;font-weight:600;padding:10px 16px;text-align:center;text-decoration:none;transition:all .2s ease}.claim-btn{background:#48bb78}.claim-btn:hover{background:#38a169;color:#fff;text-decoration:none}.reddit-btn{background:#ff4500;color:#fff}.reddit-btn:hover{background:#cc3700;color:#fff;text-decoration:none}.claimed-section{border-top:1px solid #e2e8f0;margin-top:16px;padding:16px 20px}.claim-checkbox{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center}.claim-checkbox:hover{color:#2d3748}.claim-checkbox input[type=checkbox]{margin:0;transform:scale(1.1)}.checkmark{font-weight:500}.claimed-indicator{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-size:.9em;font-weight:500;margin:10px 0;padding:8px 12px}.deal-footer{align-items:center;background:#f7fafc;border-top:1px solid #e2e8f0;color:#718096;display:flex;font-size:12px;justify-content:space-between;padding:12px 20px}.engagement-stats{display:flex;gap:15px}.empty-state,.loading-state{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-column:1/-1;padding:60px 20px;text-align:center}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#4299e1;margin:0 auto 20px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.feed-controls{align-items:stretch;flex-direction:column}.deals-grid{grid-template-columns:1fr}.deal-actions{flex-direction:column}.deal-title{font-size:1rem}.deal-emoji{font-size:1.1em}}.stake-codes-container{background-color:#f8f9fa;min-height:100vh;padding:2rem}.stake-codes-wrapper{margin:0 auto;max-width:1200px}.stake-codes-header{margin-bottom:2rem}.stake-codes-title{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.stake-codes-subtitle{color:#6b7280;font-size:1rem;line-height:1.5;margin:0 0 1.5rem}.stake-codes-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.update-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.update-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.update-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.last-updated{color:#6b7280;font-size:.875rem}.summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:all .2s ease}.summary-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.summary-card h3{color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;text-transform:uppercase}.summary-amount{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0 0 .25rem}.summary-count{color:#6b7280;font-size:.875rem;margin:0}.bonus-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.bonus-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.25rem;text-align:center;transition:all .2s ease}.bonus-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.bonus-card h3{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0 0 .5rem}.bonus-date{color:#6b7280;font-size:.875rem;margin:0 0 1rem}.bonus-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;width:100%}.bonus-btn:hover{box-shadow:0 2px 8px #10b98166;transform:translateY(-1px)}.codes-section{margin-bottom:2rem}.codes-section-title{border-bottom:2px solid #e5e7eb;color:#1a1a1a;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.5rem}.codes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.code-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.code-card:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8);content:"";height:4px;left:0;position:absolute;right:0;top:0}.code-card.high-roller:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.code-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.code-header{margin-bottom:1rem}.code-name{background:#f3f4f6;border-radius:4px;color:#1a1a1a;display:inline-block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.25rem;font-weight:700;margin:0 0 .5rem;padding:.25rem .5rem}.code-added{color:#6b7280;display:block;font-size:.75rem;font-weight:500;letter-spacing:.05em;margin:0;text-transform:uppercase}.code-divider{background:#e5e7eb;border:none;height:1px;margin:1rem 0}.code-details{margin-bottom:1.5rem}.detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.detail-row:last-child{margin-bottom:0}.detail-label{color:#6b7280;font-size:.875rem;font-weight:500}.detail-amount{color:#10b981;font-size:1rem;font-weight:700}.detail-wager{color:#1a1a1a;font-size:1rem;font-weight:600}.code-actions{display:flex;gap:.5rem;margin-top:1rem}.claim-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease}.claim-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.claim-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.claimed-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease}.claimed-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.claimed-btn:hover{box-shadow:0 4px 12px #6b728066;transform:translateY(-1px)}.claimed-btn.active:hover{box-shadow:0 4px 12px #f59e0b66}.code-card.claimed{background:#f9fafb;border:2px solid #f59e0b;opacity:.7;position:relative}.code-card.claimed:after{background:#f59e0b;border-radius:4px;color:#fff;content:"✓ CLAIMED";font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;position:absolute;right:10px;top:10px}.code-card.claimed .code-name{opacity:.7;text-decoration:line-through}.code-card.claimed .detail-amount,.code-card.claimed .detail-wager{opacity:.7}.error-container,.loading-container{align-items:center;background:#fff;border-radius:12px;display:flex;justify-content:center;margin:2rem 0;min-height:400px}.error-content,.loading-content{text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-text,.loading-content p{color:#6b7280;font-size:1rem;margin:0}.retry-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.empty-state{background:#fff;border-radius:12px;margin:2rem 0;padding:3rem 1.5rem;text-align:center}.empty-text{color:#6b7280;font-size:1.125rem;margin:0 0 1.5rem}.scrape-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.scrape-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}@media (max-width:768px){.stake-codes-container{padding:1rem}.stake-codes-title{font-size:2rem}.codes-grid,.summary-grid{grid-template-columns:1fr}.code-header{align-items:flex-start;gap:.5rem}.stake-codes-controls{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=main.a68f6ae5.css.map*/