.card{background:rgba(55,65,81,.8);border:1px solid rgba(255,255,255,.1);border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.3);transition:all 200ms cubic-bezier(0, 0, 0.2, 1);color:#fff;background:rgba(55,65,81,.8) !important;color:#fff !important}.card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 8px 15px -3px rgba(0,0,0,.4)}.card .card-header{background:rgba(45,55,72,.6);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem}.card .card-header .card-title,.card .card-header h1,.card .card-header h2,.card .card-header h3,.card .card-header h4,.card .card-header h5,.card .card-header h6{color:#fff;font-weight:600;margin-bottom:0}.card .card-body{padding:1.5rem}.card .card-body h1,.card .card-body h2,.card .card-body h3,.card .card-body h4,.card .card-body h5,.card .card-body h6{color:#fff}.card .card-body .text-muted{color:#9ca3af !important}.card .card-body small,.card .card-body .small{color:#cbd5e1 !important}.card .card-body{padding:1.5rem}.card .card-header{background:rgba(45,55,72,.8) !important;color:#fff !important;border-bottom:1px solid rgba(255,255,255,.1)}.card .card-header h5,.card .card-header h6{color:#fff !important}.card.card-hover{transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.card.card-hover:hover{transform:translateY(-2px);border-color:#6b7280}.card.card-accent{border-left:4px solid #f59e0b}.card.card-success{border-left:4px solid #22c55e}.card.card-info{border-left:4px solid #0ea5e9}.card.card-warning{border-left:4px solid #f59e0b}.feature-card{background:#374151;border:1px solid #4a5568;border-radius:.75rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.3);transition:all 200ms cubic-bezier(0, 0, 0.2, 1);color:#fff;padding:2rem;text-align:center;position:relative}.feature-card:hover{border-color:rgba(255,255,255,.2);transform:translateY(-3px);box-shadow:0 8px 15px -3px rgba(0,0,0,.4)}.feature-card .card-header{background:rgba(45,55,72,.6);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem}.feature-card .card-header .card-title,.feature-card .card-header h1,.feature-card .card-header h2,.feature-card .card-header h3,.feature-card .card-header h4,.feature-card .card-header h5,.feature-card .card-header h6{color:#fff;font-weight:600;margin-bottom:0}.feature-card .card-body{padding:1.5rem}.feature-card .card-body h1,.feature-card .card-body h2,.feature-card .card-body h3,.feature-card .card-body h4,.feature-card .card-body h5,.feature-card .card-body h6{color:#fff}.feature-card .card-body .text-muted{color:#9ca3af !important}.feature-card .card-body small,.feature-card .card-body .small{color:#cbd5e1 !important}.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);transform:scaleX(0);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1)}.feature-card:hover::before{transform:scaleX(1)}.feature-card .feature-icon{width:70px;height:70px;border-radius:.75rem;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;flex-direction:row;margin:0 auto 1.5rem;color:#f59e0b;font-size:1.75rem;border:1px solid rgba(245,158,11,.2);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.feature-card:hover .feature-icon{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);transform:scale(1.05)}.feature-card .feature-title{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-0.025em;color:#fff;margin-bottom:1rem;color:#fff}.feature-card .feature-description{color:#d1d5db;line-height:1.625;margin-bottom:1.5rem}.feature-card .feature-highlight .highlight-text{background:#f59e0b;color:#1a1d29;padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.code-window{background:#1e293b;border-radius:.75rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.4);margin-bottom:2rem;border:1px solid #334155}.code-window .window-header{background:#334155;padding:1rem;display:flex;align-items:center;justify-content:center;flex-direction:row;border-bottom:1px solid #475569}.code-window .window-header .window-controls{display:flex;gap:.5rem;margin-right:1rem}.code-window .window-header .window-controls .control{width:12px;height:12px;border-radius:9999px}.code-window .window-header .window-controls .control.close{background:#ef4444}.code-window .window-header .window-controls .control.minimize{background:#f59e0b}.code-window .window-header .window-controls .control.maximize{background:#22c55e}.code-window .window-header .window-title{color:#e2e8f0;font-size:.875rem;font-weight:500}.code-window .code-content{padding:1.5rem;background:#1e293b}.code-window .code-content pre{margin:0}.code-window .code-content pre code{color:#e2e8f0;font-family:"Fira Code","SF Mono",Monaco,Inconsolata,"Roboto Mono","Source Code Pro",monospace;font-size:.875rem;line-height:1.625}.code-window .code-content pre code .comment{color:#64748b}.code-window .code-content pre code .keyword{color:#8b5cf6}.code-window .code-content pre code .string{color:#22c55e}.code-window .code-content pre code .function{color:#0ea5e9}.code-window .code-content pre code .property{color:#f59e0b}.stats-display .stat-item{text-align:center}.stats-display .stat-item .stat-icon{width:50px;height:50px;border-radius:.75rem;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;flex-direction:row;margin:0 auto .75rem;color:#f59e0b;font-size:1.5rem;border:1px solid rgba(245,158,11,.2);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.stats-display .stat-item:hover .stat-icon{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);transform:scale(1.05)}.stats-display .stat-item .stat-number{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:.25rem}.stats-display .stat-item .stat-label{font-size:.875rem;color:#d1d5db;font-weight:500}.feature-list .feature-item{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#374151;border:1px solid #4a5568;border-radius:.75rem;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.feature-list .feature-item:hover{border-color:#6b7280;transform:translateY(-2px)}.feature-list .feature-item .item-icon{width:60px;height:60px;border-radius:.75rem;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;flex-direction:row;margin-right:1.5rem;color:#f59e0b;font-size:1.5rem;flex-shrink:0;border:1px solid rgba(245,158,11,.2);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.feature-list .feature-item:hover .item-icon{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);transform:scale(1.05)}.feature-list .feature-item .item-content .item-title{font-size:1.25rem;font-weight:700;line-height:1.25;letter-spacing:-0.025em;color:#fff;margin-bottom:.5rem;color:#fff}.feature-list .feature-item .item-content .item-description{color:#d1d5db;line-height:1.625}.benefit-list .benefit-item{display:flex;align-items:center;margin-bottom:1rem;padding:1rem;background:#374151;border:1px solid #4a5568;border-radius:.625rem;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.benefit-list .benefit-item:hover{border-color:#6b7280;background:#475569}.benefit-list .benefit-item i{width:40px;height:40px;border-radius:.625rem;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;flex-direction:row;margin-right:1rem;color:#f59e0b;font-size:1.2rem;border:1px solid rgba(245,158,11,.2);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.benefit-list .benefit-item:hover i{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3)}.benefit-list .benefit-item span{color:#d1d5db;font-weight:500}.alert{padding:1rem 1.5rem;border-radius:.75rem;border:1px solid;margin-bottom:1rem}.alert.alert-success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.alert.alert-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}.alert.alert-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#ef4444}.alert.alert-info{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);color:#0ea5e9}.badge.badge-success{background:#22c55e;color:#fff}.badge.badge-warning{background:#f59e0b;color:#000}.badge.badge-danger{background:#ef4444;color:#fff}.badge.badge-info{background:#0ea5e9;color:#fff}.badge.badge-outline{background:rgba(0,0,0,0);border:1px solid currentColor}.badge.bg-primary{color:#fff !important}.badge.bg-info{color:#fff !important}.badge.bg-success{color:#fff !important}.badge.bg-warning{background:#f59e0b !important;color:#000 !important}.badge.bg-danger{color:#fff !important}.badge.bg-secondary{color:#fff !important}.form-label{color:#e2e8f0 !important;font-weight:500}.table{color:#e2e8f0 !important}.table thead th{color:#fff !important;border-bottom:2px solid rgba(255,255,255,.1)}.table tbody td{color:#e2e8f0 !important;border-bottom:1px solid rgba(255,255,255,.05)}.table.table-hover tbody tr:hover{background:rgba(255,255,255,.05)}.metric-label{color:#d1d5db !important}.app-category{color:#d1d5db !important}.activity-time{color:#d1d5db !important}.action-description{color:#d1d5db !important}small.text-muted,.small.text-muted{color:#d1d5db !important}.text-muted{color:#9ca3af !important}.card .text-muted{color:#9ca3af !important}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6{color:#fff !important}.card small,.card .small{color:#9ca3af !important}.btn:disabled.btn-outline-secondary,.btn.disabled.btn-outline-secondary{background-color:#374151 !important;border-color:#6b7280 !important;color:#d1d5db !important;opacity:1 !important}.btn:disabled.btn-secondary,.btn.disabled.btn-secondary{background-color:#374151 !important;border-color:#6b7280 !important;color:#d1d5db !important;opacity:1 !important}.modal .modal-content{border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.1);border:none;background:linear-gradient(135deg, rgba(45, 55, 72, 0.95) 0%, rgba(55, 65, 81, 0.9) 50%, rgba(45, 55, 72, 0.95) 100%);backdrop-filter:blur(25px)}.modal .modal-header{padding:2rem 2.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);position:relative}.modal .modal-header::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:1px;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent)}.modal .modal-header .modal-title{font-weight:600;background:linear-gradient(135deg, #ffffff 0%, #60a5fa 50%, #06b6d4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.modal .modal-header .btn-close{opacity:.7;transition:all .3s ease}.modal .modal-header .btn-close:hover{opacity:1;transform:scale(1.1)}.modal .modal-body{padding:2rem 2.5rem}.modal .modal-body .form-label{font-weight:500;margin-bottom:.6rem;color:#e2e8f0}.modal .modal-body .form-control,.modal .modal-body .form-select{border-radius:10px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg, rgba(55, 65, 81, 0.9) 0%, rgba(75, 85, 99, 0.8) 100%);color:#fff;transition:all .4s ease;backdrop-filter:blur(10px)}.modal .modal-body .form-control:focus,.modal .modal-body .form-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.2),0 0 20px rgba(14,165,233,.3);background:linear-gradient(135deg, rgba(55, 65, 81, 0.95) 0%, rgba(75, 85, 99, 0.9) 100%)}.modal .modal-body .form-control::placeholder,.modal .modal-body .form-select::placeholder{color:#9ca3af}.modal .modal-body .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e"),linear-gradient(135deg, rgba(55, 65, 81, 0.9) 0%, rgba(75, 85, 99, 0.8) 100%);background-repeat:no-repeat,no-repeat;background-position:right .75rem center,0 0;background-size:16px 12px,100% 100%;padding-right:2.5rem}.modal .modal-body .form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2360a5fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e"),linear-gradient(135deg, rgba(55, 65, 81, 0.95) 0%, rgba(75, 85, 99, 0.9) 100%);background-repeat:no-repeat,no-repeat;background-position:right .75rem center,0 0;background-size:16px 12px,100% 100%}.modal .modal-body .form-select option{background:#374151;color:#fff}.modal .modal-footer{padding:1.5rem 2.5rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.modal .modal-footer .btn{padding:.8rem 1.8rem;font-weight:500;border-radius:10px;transition:all .4s ease}.modal .modal-footer .btn.btn-primary{background:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #8b5cf6 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite;border:none}.modal .modal-footer .btn.btn-primary:hover:not(:disabled){animation-duration:1s;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(14,165,233,.4)}.dropdown{position:relative}.dropdown .dropdown-toggle{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);border-radius:10px}.dropdown .dropdown-toggle:hover{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.4);color:#60a5fa;box-shadow:0 0 15px rgba(14,165,233,.2)}.dropdown .dropdown-toggle:focus{background:rgba(14,165,233,.15);border-color:rgba(14,165,233,.5);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.dropdown .dropdown-toggle::after{transition:transform 200ms cubic-bezier(0, 0, 0.2, 1)}.dropdown .dropdown-toggle.show::after{transform:rotate(180deg)}.dropdown .dropdown-menu{background:linear-gradient(135deg, rgba(31, 41, 55, 0.98) 0%, rgba(17, 24, 39, 0.95) 100%);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.4),0 10px 20px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);padding:.5rem;margin-top:.5rem !important;min-width:200px;position:absolute !important;inset:auto !important;transform:none !important}.dropdown .dropdown-menu.dropdown-menu-end{right:0 !important;left:auto !important}.dropdown .dropdown-menu::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));border-radius:inherit;pointer-events:none}.dropdown .dropdown-menu .dropdown-header{color:#9ca3af;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:.5rem 1rem;margin-bottom:.25rem}.dropdown .dropdown-menu .dropdown-divider{border-color:rgba(255,255,255,.1);margin:.5rem 0}.dropdown .dropdown-menu .dropdown-item{color:#e2e8f0;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);border-radius:8px;margin:2px 4px;padding:.6rem 1rem;font-size:.9rem;position:relative;overflow:hidden}.dropdown .dropdown-menu .dropdown-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left 300ms cubic-bezier(0, 0, 0.2, 1)}.dropdown .dropdown-menu .dropdown-item:hover{background:rgba(14,165,233,.15) !important;color:#60a5fa !important;transform:translateX(4px)}.dropdown .dropdown-menu .dropdown-item:hover::before{left:100%}.dropdown .dropdown-menu .dropdown-item:hover i{color:#60a5fa;transform:scale(1.1)}.dropdown .dropdown-menu .dropdown-item:active{transform:translateX(2px);background:rgba(14,165,233,.2) !important}.dropdown .dropdown-menu .dropdown-item:focus{background:rgba(14,165,233,.1);color:#60a5fa}.dropdown .dropdown-menu .dropdown-item i{transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.dropdown .dropdown-menu .dropdown-item.text-danger:hover{background:rgba(239,68,68,.15) !important;color:#f87171 !important}.dropdown .dropdown-menu .dropdown-item.text-danger:hover i{color:#f87171}.dropdown .dropdown-menu .dropdown-item.text-success:hover{background:rgba(16,185,129,.15) !important;color:#34d399 !important}.dropdown .dropdown-menu .dropdown-item.text-success:hover i{color:#34d399}.dropdown .dropdown-menu .dropdown-item.text-warning:hover{background:rgba(245,158,11,.15) !important;color:#fbbf24 !important}.dropdown .dropdown-menu .dropdown-item.text-warning:hover i{color:#fbbf24}.dropdown .dropdown-menu .dropdown-item-text{color:#9ca3af;padding:.6rem 1rem}.dropdown .dropdown-menu .dropdown-footer{padding:.5rem 0;border-top:1px solid rgba(255,255,255,.1);margin-top:.5rem}.dropdown .dropdown-menu .dropdown-footer a,.dropdown .dropdown-menu .dropdown-footer button{font-size:.875rem}.dropdown .dropdown-menu.show{animation:dropdownSlideIn .2s ease-out}@keyframes dropdownSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{background:rgba(0,0,0,.7)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.btn-icon-picker{background:rgba(55,65,81,.5);border:2px solid rgba(255,255,255,.1);color:#fff;transition:all .3s ease}.btn-icon-picker:hover{background:rgba(14,165,233,.2);border-color:rgba(14,165,233,.5);transform:scale(1.05)}.btn-icon-picker.active{background:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 100%);border-color:#0ea5e9;box-shadow:0 0 20px rgba(14,165,233,.4)}.btn-icon-picker i{color:#fff}.btn-outline-success{color:#13dd7f}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none}.btn:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;background:#f59e0b;color:#1a1d29;font-weight:600}.btn.btn-primary:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn.btn-primary:hover{background:#f7b13c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn.btn-primary:active{transform:translateY(0)}.btn.btn-outline-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;background:rgba(0,0,0,0);color:#f59e0b;border:2px solid #f59e0b}.btn.btn-outline-primary:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn.btn-outline-primary:hover{background:rgba(245,158,11,.1);border-color:#f7b13c;transform:translateY(-1px)}.btn.btn-light{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;background-color:rgba(55,65,81,.9);border-color:rgba(0,0,0,0);color:#f9fafb}.btn.btn-light:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn.btn-light:hover{background-color:#1f2937;box-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);transform:translateY(-1px)}.btn.btn-outline-light{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;border:2px solid rgba(156,163,175,.8);color:#d1d5db;background:rgba(17,24,39,.1)}.btn.btn-outline-light:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn.btn-outline-light:hover{background:rgba(31,41,55,.2);transform:translateY(-3px)}.btn.btn-lg{padding:.75rem 2rem;font-size:1.125rem}.btn.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn.btn-icon{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:.5rem}.btn.btn-icon i{font-size:1.1em}.btn.btn-gradient{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;background:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color:#fff;font-weight:600;border:none}.btn.btn-gradient:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn.btn-gradient:hover{background:linear-gradient(135deg, #37b9f3 0%, #03a5f9 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(14,165,233,.4)}.btn.btn-gradient:active{transform:translateY(0)}.btn.btn-gradient-secondary{background:linear-gradient(135deg, #64748b 0%, #444f5f 100%);border:none;color:#fff}.btn.btn-gradient-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(100,116,139,.3)}.form-control,.form-file .form-file-label,.form-select{border:2px solid #374151;border-radius:.625rem;padding:.75rem 1rem;font-size:1rem;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);background-color:#374151;color:#fff !important}.form-control:focus:focus-visible,.form-file .form-file-label:focus:focus-visible,.form-select:focus:focus-visible{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.form-control:focus,.form-file .form-file-label:focus,.form-select:focus{border-color:#5d7bff;box-shadow:0 0 0 3px rgba(93,123,255,.2);outline:none;background-color:#1f2937}.form-control::placeholder,.form-file .form-file-label::placeholder,.form-select::placeholder{color:#9ca3af !important;font-weight:400}.form-control[type=text],.form-file [type=text].form-file-label,[type=text].form-select,.form-control[type=email],.form-file [type=email].form-file-label,[type=email].form-select,.form-control[type=password],.form-file [type=password].form-file-label,[type=password].form-select,.form-control[type=number],.form-file [type=number].form-file-label,[type=number].form-select,.form-control[type=url],.form-file [type=url].form-file-label,[type=url].form-select,.form-control textarea,.form-file .form-file-label textarea,.form-select textarea{color:#fff !important}.form-control[readonly],.form-file [readonly].form-file-label,[readonly].form-select{background-color:rgba(30,41,59,.8) !important;color:#e2e8f0 !important;border-color:rgba(255,255,255,.15);cursor:default}.form-control[readonly]:focus,.form-file [readonly].form-file-label:focus,[readonly].form-select:focus{background-color:rgba(30,41,59,.9) !important;border-color:rgba(255,255,255,.2)}.form-control:disabled,.form-file .form-file-label:disabled,.form-select:disabled,.form-control[disabled],.form-file [disabled].form-file-label,[disabled].form-select{background-color:rgba(15,23,42,.9) !important;color:#94a3b8 !important;border-color:rgba(255,255,255,.1);cursor:not-allowed;opacity:.7}.form-control.form-control-lg,.form-file .form-control-lg.form-file-label,.form-control-lg.form-select{padding:1rem 1.25rem;font-size:1.125rem}.form-control.form-control-sm,.form-file .form-control-sm.form-file-label,.form-control-sm.form-select{padding:.5rem .75rem;font-size:.875rem}.form-select{color:#fff !important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem;appearance:none;-webkit-appearance:none;-moz-appearance:none}.form-select option{background:#374151;color:#fff}.form-select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2360a5fa' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e")}.form-check{display:flex;align-items:center;margin-bottom:.75rem}.form-check .form-check-input{width:1.25rem;height:1.25rem;margin-right:.75rem;border:2px solid rgba(255,255,255,.3);border-radius:.375rem;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);background-color:#374151}.form-check .form-check-input:checked{background-color:#5d7bff;border-color:#5d7bff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");box-shadow:0 0 10px rgba(93,123,255,.4)}.form-check .form-check-input:focus:focus-visible{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.form-check .form-check-input:focus{box-shadow:0 0 0 3px rgba(93,123,255,.2)}.form-check .form-check-input:hover:not(:checked){border-color:rgba(255,255,255,.5);background-color:rgba(75,85,99,.7)}.form-check .form-check-input[type=radio]{border-radius:9999px}.form-check .form-check-input[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check .form-check-label{font-weight:500;color:#d1d5db;cursor:pointer}.form-switch .form-check-input{width:2.5rem;height:1.25rem;border-radius:9999px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255,255,255,.25%29'/%3e%3c/svg%3e");background-position:left center;background-repeat:no-repeat;background-size:contain;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.form-switch .form-check-input:checked{background-position:right center;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;background-color:rgba(0,0,0,0);appearance:none}.form-range::-webkit-slider-track{width:100%;height:.5rem;background:#374151;border-radius:9999px;border:none}.form-range::-webkit-slider-thumb{appearance:none;width:1.5rem;height:1.5rem;background:#5d7bff;border-radius:9999px;border:3px solid #1f2937;box-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);cursor:pointer;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.form-range::-moz-range-track{width:100%;height:.5rem;background:#374151;border-radius:9999px;border:none}.form-range::-moz-range-thumb{width:1.5rem;height:1.5rem;background:#5d7bff;border-radius:9999px;border:3px solid #1f2937;box-shadow:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3);cursor:pointer;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.form-range::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.3)}.form-range:focus{outline:none}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px rgba(93,123,255,.3),0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 3px rgba(93,123,255,.3),0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -1px rgba(0,0,0,.3)}.input-group{display:flex;align-items:stretch;width:100%}.input-group .form-control,.input-group .form-file .form-file-label,.form-file .input-group .form-file-label,.input-group .form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group .form-control:not(:first-child),.input-group .form-file .form-file-label:not(:first-child),.form-file .input-group .form-file-label:not(:first-child),.input-group .form-select:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group .form-control:not(:last-child),.input-group .form-file .form-file-label:not(:last-child),.form-file .input-group .form-file-label:not(:last-child),.input-group .form-select:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .input-group-text{display:flex;align-items:center;padding:.75rem 1rem;font-size:1rem;font-weight:500;color:#d1d5db;background-color:#374151;border:2px solid #374151;border-radius:.625rem}.input-group .input-group-text:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group .input-group-text:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.form-floating{position:relative}.form-floating .form-control,.form-floating .form-file .form-file-label,.form-file .form-floating .form-file-label,.form-floating .form-select{height:calc(3.5rem + 2px);padding:1rem .75rem .25rem}.form-floating .form-control::placeholder,.form-floating .form-file .form-file-label::placeholder,.form-file .form-floating .form-file-label::placeholder,.form-floating .form-select::placeholder{color:rgba(0,0,0,0)}.form-floating .form-control:focus,.form-floating .form-file .form-file-label:focus,.form-file .form-floating .form-file-label:focus,.form-floating .form-select:focus,.form-floating .form-control:not(:placeholder-shown),.form-floating .form-file .form-file-label:not(:placeholder-shown),.form-file .form-floating .form-file-label:not(:placeholder-shown),.form-floating .form-select:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:2px solid rgba(0,0,0,0);transform-origin:0 0;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);color:#9ca3af;font-weight:500}.form-floating .form-control:focus~label,.form-floating .form-file .form-file-label:focus~label,.form-file .form-floating .form-file-label:focus~label,.form-floating .form-select:focus~label,.form-floating .form-control:not(:placeholder-shown)~label,.form-floating .form-file .form-file-label:not(:placeholder-shown)~label,.form-file .form-floating .form-file-label:not(:placeholder-shown)~label,.form-floating .form-select:not(:placeholder-shown)~label{opacity:.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem);color:#5d7bff}.search-input{position:relative}.search-input .form-control,.search-input .form-file .form-file-label,.form-file .search-input .form-file-label,.search-input .form-select{padding-left:2.5rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239ca3af'%3e%3cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left .75rem center;background-size:1rem}.search-input.search-input-lg .form-control,.search-input.search-input-lg .form-file .form-file-label,.form-file .search-input.search-input-lg .form-file-label,.search-input.search-input-lg .form-select{padding-left:3rem;background-position:left 1rem center;background-size:1.25rem}.form-file{position:relative}.form-file .form-file-input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.form-file .form-file-label{display:flex;align-items:center;justify-content:center;min-height:3rem;border:2px dashed #374151;background-color:#111827;color:#d1d5db;font-weight:500;cursor:pointer;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.form-file .form-file-label:hover{border-color:#5d7bff;background-color:rgba(93,123,255,.05);color:#5d7bff}.form-file .form-file-label i{margin-right:.5rem;font-size:1.25rem}.form-file .form-file-input:focus+.form-file-label:focus-visible{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.form-file .form-file-input:focus+.form-file-label{border-color:#5d7bff;box-shadow:0 0 0 3px rgba(93,123,255,.2)}.btn-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;background-color:#374151;border-color:#374151;color:#d1d5db}.btn-toggle:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn-toggle:hover{background-color:#1f2937;border-color:#4b5563}.btn-toggle.active{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.625rem;font-weight:600;text-decoration:none;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;border:none;outline:none;background:#f59e0b;color:#1a1d29;font-weight:600}.btn-toggle.active:focus{outline:2px solid rgba(245,158,11,.5);outline-offset:2px}.btn-toggle.active:hover{background:#f7b13c;transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.btn-toggle.active:active{transform:translateY(0)}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn{position:relative;flex:1 1 auto}.btn-group .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.btn-group .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:hover,.btn-group .btn:focus,.btn-group .btn.active{z-index:1}.dropdown-toggle::after{display:inline-block;margin-left:.5rem;vertical-align:.125em;content:"";border-top:.3em solid;border-right:.3em solid rgba(0,0,0,0);border-bottom:0;border-left:.3em solid rgba(0,0,0,0);transition:transform 200ms cubic-bezier(0, 0, 0.2, 1)}.dropdown-toggle[aria-expanded=true]::after{transform:rotate(180deg)}.btn-loading{position:relative;pointer-events:none}.btn-loading::before{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-0.5rem 0 0 -0.5rem;border:2px solid rgba(0,0,0,0);border-top-color:currentColor;border-radius:9999px;animation:spin 1s linear infinite}.btn-loading .btn-text{opacity:0}.was-validated .form-control:valid,.was-validated .form-select:valid,.was-validated .form-file .form-file-label:valid,.form-file .was-validated .form-file-label:valid,.form-control.is-valid,.is-valid.form-select,.form-file .is-valid.form-file-label{border-color:#22c55e}.was-validated .form-control:valid:focus,.was-validated .form-select:valid:focus,.was-validated .form-file .form-file-label:valid:focus,.form-file .was-validated .form-file-label:valid:focus,.form-control.is-valid:focus,.is-valid.form-select:focus,.form-file .is-valid.form-file-label:focus{border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}.was-validated .form-control:invalid,.was-validated .form-select:invalid,.was-validated .form-file .form-file-label:invalid,.form-file .was-validated .form-file-label:invalid,.form-control.is-invalid,.is-invalid.form-select,.form-file .is-invalid.form-file-label{border-color:#ef4444}.was-validated .form-control:invalid:focus,.was-validated .form-select:invalid:focus,.was-validated .form-file .form-file-label:invalid:focus,.form-file .was-validated .form-file-label:invalid:focus,.form-control.is-invalid:focus,.is-invalid.form-select:focus,.form-file .is-invalid.form-file-label:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.2)}.valid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875rem;color:#3ddd78;font-weight:500}.invalid-feedback{display:block;width:100%;margin-top:.25rem;font-size:.875rem;color:#f37373;font-weight:500}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#notificationWrapper{pointer-events:none}#notificationWrapper .notification-card{pointer-events:auto;backdrop-filter:blur(10px);border:none;border-radius:12px;padding:16px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:rgba(17,24,39,.9);border:1px solid rgba(255,255,255,.1)}#notificationWrapper .notification-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));border-radius:inherit;pointer-events:none}#notificationWrapper .notification-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15) !important}#notificationWrapper .notification-card.closed{display:none !important}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}[data-notify-show=false]{animation:slideOutRight .3s ease-in forwards !important}.notification-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon i{font-size:20px}.notification-icon.success-icon{background:linear-gradient(135deg, #10b981, #059669);color:#fff;box-shadow:0 4px 12px rgba(16,185,129,.3)}.notification-icon.error-icon{background:linear-gradient(135deg, #ef4444, #dc2626);color:#fff;box-shadow:0 4px 12px rgba(239,68,68,.3)}.notification-icon.warning-icon{background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.3)}.notification-icon.info-icon{background:linear-gradient(135deg, #3b82f6, #2563eb);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.notification-content .notification-title{font-size:14px;margin-bottom:4px;font-weight:600;letter-spacing:.3px}.notification-content .notification-message{font-size:13px;line-height:1.4;opacity:.9}.notification-close{position:relative;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:32px;height:32px;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.7}.notification-close i{font-size:18px;font-weight:bold;color:#fff}.notification-close:hover{background:rgba(255,255,255,.3);opacity:1;transform:scale(1.1)}.notification-close:focus{box-shadow:0 0 0 2px rgba(255,255,255,.5);outline:none}.alert.alert-success{background:linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(5, 150, 105, 0.1));border-left:4px solid #10b981;color:#86efac}.alert.alert-success .notification-title{color:#10b981}.alert.alert-danger{background:linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.1));border-left:4px solid #ef4444;color:#fca5a5}.alert.alert-danger .notification-title{color:#ef4444}.alert.alert-warning{background:linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.1));border-left:4px solid #f59e0b;color:#fbbf24}.alert.alert-warning .notification-title{color:#f59e0b}.alert.alert-info{background:linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(37, 99, 235, 0.1));border-left:4px solid #3b82f6;color:#fff}.alert.alert-info .notification-title{color:#3b82f6}@media(max-width: 576px){#notificationWrapper{width:calc(100vw - 20px) !important;left:10px;right:10px}.notification-card{margin-bottom:8px !important}}#confirmModal .modal-content::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));border-radius:inherit;pointer-events:none}#confirmModal .btn-outline-light:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3);color:#fff}#confirmModal .btn-close:hover{opacity:1}#confirmModal .modal-dialog{animation:modalSlideIn .3s ease-out}#confirmModal.fade .modal-dialog{transition:transform .3s ease-out}@keyframes modalSlideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.navbar .navbar-brand{font-weight:800}.navbar .navbar-brand .brand-icon{transition:transform 200ms cubic-bezier(0, 0, 0.2, 1)}.navbar .navbar-brand:hover .brand-icon{transform:rotate(5deg)}.navbar .nav-link{font-weight:500;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);margin:0 .25rem}.navbar .nav-link:hover{background:rgba(14,165,233,.1);color:#0ea5e9 !important}.navbar .nav-link.active{background:rgba(14,165,233,.15);color:#0ea5e9 !important;font-weight:600}.earnings-display{transition:all 200ms cubic-bezier(0, 0, 0.2, 1);border-radius:14px}.earnings-display:hover{background:rgba(34,197,94,.25) !important;border-color:rgba(34,197,94,.6) !important}.dropdown-menu{max-width:calc(100vw - 2rem)}@media(max-width: 575.98px){.dropdown-menu{right:1rem !important;left:auto !important;width:calc(100vw - 2rem) !important;max-width:300px !important}}.dropdown-menu .dropdown-item{transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.dropdown-menu .dropdown-item:hover{background:rgba(14,165,233,.1) !important;color:#0ea5e9 !important}.user-avatar img{border:2px solid rgba(14,165,233,.3);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.user-avatar img:hover{border-color:#0ea5e9}.d-md-none .text-success,.d-md-none .text-info,.d-md-none .text-warning{transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.d-md-none .text-success:hover,.d-md-none .text-info:hover,.d-md-none .text-warning:hover{transform:scale(1.05)}.badge.rounded-pill{animation:pulse-badge 2s infinite}@keyframes pulse-badge{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.btn-outline-light{transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}.btn-outline-light:hover{background:rgba(14,165,233,.1);border-color:#0ea5e9;color:#0ea5e9 !important}@media(max-width: 767.98px){.navbar-collapse{background:rgba(45,55,72,.95);border-radius:.625rem;margin-top:1rem;padding:1rem;border:1px solid #4a5568}}footer a{transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}footer .btn-outline-light:hover{background:rgba(245,158,11,.1);border-color:#f59e0b;color:#f59e0b !important}footer .text-success{animation:pulse-status 2s infinite}@keyframes pulse-status{0%,100%{opacity:1}50%{opacity:.7}}.hover-text-warning:hover{color:#f59e0b !important;transition:color 200ms cubic-bezier(0, 0, 0.2, 1)}section[data-page=login] .auth-layout,section[data-page=register] .auth-layout,section[data-page=forgot-password] .auth-layout,section[data-page=reset-password] .auth-layout{min-height:100vh;background:linear-gradient(135deg, #111827 0%, #1f2937 100%);position:relative;overflow:hidden}section[data-page=login] .auth-layout::before,section[data-page=register] .auth-layout::before,section[data-page=forgot-password] .auth-layout::before,section[data-page=reset-password] .auth-layout::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%, rgba(93, 123, 255, 0.03) 0%, transparent 50%),radial-gradient(circle at 75% 75%, rgba(93, 123, 255, 0.02) 0%, transparent 50%);z-index:0}section[data-page=login] .auth-layout::after,section[data-page=register] .auth-layout::after,section[data-page=forgot-password] .auth-layout::after,section[data-page=reset-password] .auth-layout::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%235d7bff' fill-opacity='0.02'%3E%3Ccircle cx='20' cy='20' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:1}section[data-page=login] .auth-container,section[data-page=register] .auth-container,section[data-page=forgot-password] .auth-container,section[data-page=reset-password] .auth-container{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:row;min-height:100vh;padding:2rem 1rem}@media(min-width: 768px){section[data-page=login] .auth-container,section[data-page=register] .auth-container,section[data-page=forgot-password] .auth-container,section[data-page=reset-password] .auth-container{padding:3rem 2rem}}section[data-page=login] .auth-card,section[data-page=register] .auth-card,section[data-page=forgot-password] .auth-card,section[data-page=reset-password] .auth-card{background:#1f2937;border:1px solid #374151;border-radius:1rem;padding:3rem;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.3);position:relative;transition:all 300ms cubic-bezier(0, 0, 0.2, 1)}@media(max-width: 767.98px){section[data-page=login] .auth-card,section[data-page=register] .auth-card,section[data-page=forgot-password] .auth-card,section[data-page=reset-password] .auth-card{padding:2rem;margin:1rem}}section[data-page=login] .auth-card.login,section[data-page=register] .auth-card.login,section[data-page=forgot-password] .auth-card.login,section[data-page=reset-password] .auth-card.login{max-width:500px}section[data-page=login] .auth-card.login .btn-social,section[data-page=register] .auth-card.login .btn-social,section[data-page=forgot-password] .auth-card.login .btn-social,section[data-page=reset-password] .auth-card.login .btn-social{max-width:100% !important}section[data-page=login] .auth-card.forgot-password,section[data-page=login] .auth-card.reset-password,section[data-page=register] .auth-card.forgot-password,section[data-page=register] .auth-card.reset-password,section[data-page=forgot-password] .auth-card.forgot-password,section[data-page=forgot-password] .auth-card.reset-password,section[data-page=reset-password] .auth-card.forgot-password,section[data-page=reset-password] .auth-card.reset-password{max-width:480px}section[data-page=login] .auth-card:hover,section[data-page=register] .auth-card:hover,section[data-page=forgot-password] .auth-card:hover,section[data-page=reset-password] .auth-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}section[data-page=login] .auth-header,section[data-page=register] .auth-header,section[data-page=forgot-password] .auth-header,section[data-page=reset-password] .auth-header{text-align:center;margin-bottom:2rem}section[data-page=login] .auth-header .auth-logo,section[data-page=register] .auth-header .auth-logo,section[data-page=forgot-password] .auth-header .auth-logo,section[data-page=reset-password] .auth-header .auth-logo{width:56px;height:56px;border-radius:.75rem;background:linear-gradient(135deg, #5d7bff 0%, #345aff 100%);display:flex;align-items:center;justify-content:center;flex-direction:row;margin:0 auto 1.5rem;color:#fff;font-size:1.25rem;font-weight:700;box-shadow:0 4px 12px rgba(93,123,255,.25);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}section[data-page=login] .auth-header .auth-logo:hover,section[data-page=register] .auth-header .auth-logo:hover,section[data-page=forgot-password] .auth-header .auth-logo:hover,section[data-page=reset-password] .auth-header .auth-logo:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(93,123,255,.3)}section[data-page=login] .auth-header .auth-title,section[data-page=register] .auth-header .auth-title,section[data-page=forgot-password] .auth-header .auth-title,section[data-page=reset-password] .auth-header .auth-title{font-size:1.875rem;font-weight:700;line-height:1.25;letter-spacing:-0.025em;color:#fff;color:#f9fafb;margin-bottom:.5rem}@media(max-width: 767.98px){section[data-page=login] .auth-header .auth-title,section[data-page=register] .auth-header .auth-title,section[data-page=forgot-password] .auth-header .auth-title,section[data-page=reset-password] .auth-header .auth-title{font-size:1.625rem}}section[data-page=login] .auth-header .auth-subtitle,section[data-page=register] .auth-header .auth-subtitle,section[data-page=forgot-password] .auth-header .auth-subtitle,section[data-page=reset-password] .auth-header .auth-subtitle{color:#d1d5db;font-size:1rem;font-weight:400;line-height:1.625}section[data-page=login] .auth-form .form-group,section[data-page=register] .auth-form .form-group,section[data-page=forgot-password] .auth-form .form-group,section[data-page=reset-password] .auth-form .form-group{margin-bottom:1rem}@media(min-width: 576px){section[data-page=login] .auth-form .form-group,section[data-page=register] .auth-form .form-group,section[data-page=forgot-password] .auth-form .form-group,section[data-page=reset-password] .auth-form .form-group{margin-bottom:1.25rem}}section[data-page=login] .auth-form .form-group:last-of-type,section[data-page=register] .auth-form .form-group:last-of-type,section[data-page=forgot-password] .auth-form .form-group:last-of-type,section[data-page=reset-password] .auth-form .form-group:last-of-type{margin-bottom:1.25rem}@media(min-width: 576px){section[data-page=login] .auth-form .form-group:last-of-type,section[data-page=register] .auth-form .form-group:last-of-type,section[data-page=forgot-password] .auth-form .form-group:last-of-type,section[data-page=reset-password] .auth-form .form-group:last-of-type{margin-bottom:1.5rem}}section[data-page=login] .auth-form .form-section,section[data-page=register] .auth-form .form-section,section[data-page=forgot-password] .auth-form .form-section,section[data-page=reset-password] .auth-form .form-section{margin-bottom:1.5rem}section[data-page=login] .auth-form .form-section .section-title,section[data-page=register] .auth-form .form-section .section-title,section[data-page=forgot-password] .auth-form .form-section .section-title,section[data-page=reset-password] .auth-form .form-section .section-title{font-size:.875rem;font-weight:600;color:#f9fafb;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #374151}section[data-page=login] .auth-form .form-section .section-title .text-muted,section[data-page=register] .auth-form .form-section .section-title .text-muted,section[data-page=forgot-password] .auth-form .form-section .section-title .text-muted,section[data-page=reset-password] .auth-form .form-section .section-title .text-muted{font-weight:400;font-size:.75rem;color:#9ca3af}section[data-page=login] .auth-form .form-label,section[data-page=register] .auth-form .form-label,section[data-page=forgot-password] .auth-form .form-label,section[data-page=reset-password] .auth-form .form-label{display:block;font-weight:600;color:#d1d5db;margin-bottom:.375rem;font-size:.75rem}@media(min-width: 576px){section[data-page=login] .auth-form .form-label,section[data-page=register] .auth-form .form-label,section[data-page=forgot-password] .auth-form .form-label,section[data-page=reset-password] .auth-form .form-label{margin-bottom:.5rem;font-size:.875rem}}section[data-page=login] .auth-form .form-label .text-muted,section[data-page=register] .auth-form .form-label .text-muted,section[data-page=forgot-password] .auth-form .form-label .text-muted,section[data-page=reset-password] .auth-form .form-label .text-muted{font-weight:400;color:#9ca3af}section[data-page=login] .auth-form .form-control,section[data-page=register] .auth-form .form-control,section[data-page=forgot-password] .auth-form .form-control,section[data-page=reset-password] .auth-form .form-control{width:100%;padding:.75rem .875rem;border:1px solid #374151;border-radius:.625rem;font-size:.875rem;background:#374151;color:#f9fafb;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}@media(min-width: 576px){section[data-page=login] .auth-form .form-control,section[data-page=register] .auth-form .form-control,section[data-page=forgot-password] .auth-form .form-control,section[data-page=reset-password] .auth-form .form-control{padding:.875rem 1rem;font-size:1rem}}section[data-page=login] .auth-form .form-control::placeholder,section[data-page=register] .auth-form .form-control::placeholder,section[data-page=forgot-password] .auth-form .form-control::placeholder,section[data-page=reset-password] .auth-form .form-control::placeholder{color:#9ca3af;font-weight:400}section[data-page=login] .auth-form .form-control:focus,section[data-page=register] .auth-form .form-control:focus,section[data-page=forgot-password] .auth-form .form-control:focus,section[data-page=reset-password] .auth-form .form-control:focus{outline:none;border-color:#5d7bff;box-shadow:0 0 0 3px rgba(93,123,255,.2);background:#1f2937}section[data-page=login] .auth-form .form-control.is-invalid,section[data-page=register] .auth-form .form-control.is-invalid,section[data-page=forgot-password] .auth-form .form-control.is-invalid,section[data-page=reset-password] .auth-form .form-control.is-invalid{border-color:#ef4444}section[data-page=login] .auth-form .form-control.is-invalid:focus,section[data-page=register] .auth-form .form-control.is-invalid:focus,section[data-page=forgot-password] .auth-form .form-control.is-invalid:focus,section[data-page=reset-password] .auth-form .form-control.is-invalid:focus{box-shadow:0 0 0 3px rgba(239,68,68,.2)}section[data-page=login] .auth-form .form-control.is-valid,section[data-page=register] .auth-form .form-control.is-valid,section[data-page=forgot-password] .auth-form .form-control.is-valid,section[data-page=reset-password] .auth-form .form-control.is-valid{border-color:#22c55e}section[data-page=login] .auth-form .form-control.is-valid:focus,section[data-page=register] .auth-form .form-control.is-valid:focus,section[data-page=forgot-password] .auth-form .form-control.is-valid:focus,section[data-page=reset-password] .auth-form .form-control.is-valid:focus{box-shadow:0 0 0 3px rgba(34,197,94,.2)}section[data-page=login] .auth-form .input-group,section[data-page=register] .auth-form .input-group,section[data-page=forgot-password] .auth-form .input-group,section[data-page=reset-password] .auth-form .input-group{display:flex;width:100%}section[data-page=login] .auth-form .input-group .input-group-text,section[data-page=register] .auth-form .input-group .input-group-text,section[data-page=forgot-password] .auth-form .input-group .input-group-text,section[data-page=reset-password] .auth-form .input-group .input-group-text{background:#374151;border:1px solid #374151;color:#d1d5db;font-size:.875rem;font-weight:500;padding:.75rem .875rem;border-radius:.625rem 0 0 .625rem;border-right:none;display:flex;align-items:center;white-space:nowrap}@media(min-width: 576px){section[data-page=login] .auth-form .input-group .input-group-text,section[data-page=register] .auth-form .input-group .input-group-text,section[data-page=forgot-password] .auth-form .input-group .input-group-text,section[data-page=reset-password] .auth-form .input-group .input-group-text{padding:.875rem 1rem;font-size:1rem}}section[data-page=login] .auth-form .input-group .input-group-text i,section[data-page=register] .auth-form .input-group .input-group-text i,section[data-page=forgot-password] .auth-form .input-group .input-group-text i,section[data-page=reset-password] .auth-form .input-group .input-group-text i{font-size:1rem}section[data-page=login] .auth-form .input-group .form-control,section[data-page=register] .auth-form .input-group .form-control,section[data-page=forgot-password] .auth-form .input-group .form-control,section[data-page=reset-password] .auth-form .input-group .form-control{border-left:none;border-radius:0 .625rem .625rem 0;flex:1}section[data-page=login] .auth-form .input-group .form-control:focus,section[data-page=register] .auth-form .input-group .form-control:focus,section[data-page=forgot-password] .auth-form .input-group .form-control:focus,section[data-page=reset-password] .auth-form .input-group .form-control:focus{border-color:#5d7bff;box-shadow:0 0 0 3px rgba(93,123,255,.2)}section[data-page=login] .auth-form .input-group .form-control:focus+.input-group-text,section[data-page=register] .auth-form .input-group .form-control:focus+.input-group-text,section[data-page=forgot-password] .auth-form .input-group .form-control:focus+.input-group-text,section[data-page=reset-password] .auth-form .input-group .form-control:focus+.input-group-text{border-color:#5d7bff}section[data-page=login] .auth-form .input-group:focus-within .input-group-text,section[data-page=register] .auth-form .input-group:focus-within .input-group-text,section[data-page=forgot-password] .auth-form .input-group:focus-within .input-group-text,section[data-page=reset-password] .auth-form .input-group:focus-within .input-group-text{border-color:#5d7bff;background:rgba(93,123,255,.1);color:#5d7bff}section[data-page=login] .auth-form .password-input-group,section[data-page=register] .auth-form .password-input-group,section[data-page=forgot-password] .auth-form .password-input-group,section[data-page=reset-password] .auth-form .password-input-group{position:relative}section[data-page=login] .auth-form .password-input-group .password-toggle,section[data-page=register] .auth-form .password-input-group .password-toggle,section[data-page=forgot-password] .auth-form .password-input-group .password-toggle,section[data-page=reset-password] .auth-form .password-input-group .password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);z-index:10}section[data-page=login] .auth-form .password-input-group .password-toggle:hover,section[data-page=register] .auth-form .password-input-group .password-toggle:hover,section[data-page=forgot-password] .auth-form .password-input-group .password-toggle:hover,section[data-page=reset-password] .auth-form .password-input-group .password-toggle:hover{color:#d1d5db}section[data-page=login] .auth-form .password-input-group .password-toggle:focus,section[data-page=register] .auth-form .password-input-group .password-toggle:focus,section[data-page=forgot-password] .auth-form .password-input-group .password-toggle:focus,section[data-page=reset-password] .auth-form .password-input-group .password-toggle:focus{outline:2px solid rgba(93,123,255,.5);outline-offset:2px}section[data-page=login] .auth-form .password-input-group .form-control,section[data-page=register] .auth-form .password-input-group .form-control,section[data-page=forgot-password] .auth-form .password-input-group .form-control,section[data-page=reset-password] .auth-form .password-input-group .form-control{padding-right:2.5rem}section[data-page=login] .auth-form .form-check,section[data-page=register] .auth-form .form-check,section[data-page=forgot-password] .auth-form .form-check,section[data-page=reset-password] .auth-form .form-check{display:flex;align-items:flex-start;margin-bottom:1.25rem}section[data-page=login] .auth-form .form-check .form-check-input,section[data-page=register] .auth-form .form-check .form-check-input,section[data-page=forgot-password] .auth-form .form-check .form-check-input,section[data-page=reset-password] .auth-form .form-check .form-check-input{width:1rem;height:1rem;margin-right:.5rem;margin-top:.125rem;border:1px solid #374151;border-radius:.375rem;background:#374151;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);flex-shrink:0}section[data-page=login] .auth-form .form-check .form-check-input:checked,section[data-page=register] .auth-form .form-check .form-check-input:checked,section[data-page=forgot-password] .auth-form .form-check .form-check-input:checked,section[data-page=reset-password] .auth-form .form-check .form-check-input:checked{background:#5d7bff;border-color:#5d7bff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");background-size:100% 100%;background-position:center;background-repeat:no-repeat}section[data-page=login] .auth-form .form-check .form-check-input:focus,section[data-page=register] .auth-form .form-check .form-check-input:focus,section[data-page=forgot-password] .auth-form .form-check .form-check-input:focus,section[data-page=reset-password] .auth-form .form-check .form-check-input:focus{box-shadow:0 0 0 3px rgba(93,123,255,.2);outline:none}section[data-page=login] .auth-form .form-check .form-check-label,section[data-page=register] .auth-form .form-check .form-check-label,section[data-page=forgot-password] .auth-form .form-check .form-check-label,section[data-page=reset-password] .auth-form .form-check .form-check-label{color:#d1d5db;font-weight:400;cursor:pointer;font-size:.875rem;line-height:1.5}section[data-page=login] .auth-form .form-check .form-check-label a,section[data-page=register] .auth-form .form-check .form-check-label a,section[data-page=forgot-password] .auth-form .form-check .form-check-label a,section[data-page=reset-password] .auth-form .form-check .form-check-label a{color:#7b94ff;text-decoration:none}section[data-page=login] .auth-form .form-check .form-check-label a:hover,section[data-page=register] .auth-form .form-check .form-check-label a:hover,section[data-page=forgot-password] .auth-form .form-check .form-check-label a:hover,section[data-page=reset-password] .auth-form .form-check .form-check-label a:hover{text-decoration:underline;color:#aebdff}section[data-page=login] .auth-form .btn-submit,section[data-page=register] .auth-form .btn-submit,section[data-page=forgot-password] .auth-form .btn-submit,section[data-page=reset-password] .auth-form .btn-submit{width:100%;max-width:610px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:.625rem;margin-bottom:1.25rem;position:relative;overflow:hidden;border:none;background:#5d7bff;color:#fff;cursor:pointer;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}@media(min-width: 576px){section[data-page=login] .auth-form .btn-submit,section[data-page=register] .auth-form .btn-submit,section[data-page=forgot-password] .auth-form .btn-submit,section[data-page=reset-password] .auth-form .btn-submit{padding:.875rem 1.5rem;font-size:1rem;margin-bottom:1.5rem}}section[data-page=login] .auth-form .btn-submit:hover,section[data-page=register] .auth-form .btn-submit:hover,section[data-page=forgot-password] .auth-form .btn-submit:hover,section[data-page=reset-password] .auth-form .btn-submit:hover{background:#46f;transform:translateY(-1px);box-shadow:0 4px 12px rgba(93,123,255,.3)}section[data-page=login] .auth-form .btn-submit:active,section[data-page=register] .auth-form .btn-submit:active,section[data-page=forgot-password] .auth-form .btn-submit:active,section[data-page=reset-password] .auth-form .btn-submit:active{transform:translateY(0)}section[data-page=login] .auth-form .btn-submit.loading,section[data-page=register] .auth-form .btn-submit.loading,section[data-page=forgot-password] .auth-form .btn-submit.loading,section[data-page=reset-password] .auth-form .btn-submit.loading{pointer-events:none}section[data-page=login] .auth-form .btn-submit.loading .btn-text,section[data-page=register] .auth-form .btn-submit.loading .btn-text,section[data-page=forgot-password] .auth-form .btn-submit.loading .btn-text,section[data-page=reset-password] .auth-form .btn-submit.loading .btn-text{opacity:0}section[data-page=login] .auth-form .btn-submit.loading::after,section[data-page=register] .auth-form .btn-submit.loading::after,section[data-page=forgot-password] .auth-form .btn-submit.loading::after,section[data-page=reset-password] .auth-form .btn-submit.loading::after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-0.5rem 0 0 -0.5rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:9999px;animation:spin 1s linear infinite}section[data-page=login] .auth-footer,section[data-page=register] .auth-footer,section[data-page=forgot-password] .auth-footer,section[data-page=reset-password] .auth-footer{text-align:center}section[data-page=login] .auth-footer .auth-divider,section[data-page=register] .auth-footer .auth-divider,section[data-page=forgot-password] .auth-footer .auth-divider,section[data-page=reset-password] .auth-footer .auth-divider{position:relative;margin:2rem 0;text-align:center}section[data-page=login] .auth-footer .auth-divider::before,section[data-page=register] .auth-footer .auth-divider::before,section[data-page=forgot-password] .auth-footer .auth-divider::before,section[data-page=reset-password] .auth-footer .auth-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, #374151 20%, #4b5563 50%, #374151 80%, transparent 100%)}section[data-page=login] .auth-footer .auth-divider span,section[data-page=register] .auth-footer .auth-divider span,section[data-page=forgot-password] .auth-footer .auth-divider span,section[data-page=reset-password] .auth-footer .auth-divider span{display:inline-block;background:#1f2937;padding:0 1.5rem;color:#9ca3af;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;position:relative;z-index:1;border-radius:9999px;border:1px solid #374151;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}section[data-page=login] .auth-footer .auth-divider span:hover,section[data-page=register] .auth-footer .auth-divider span:hover,section[data-page=forgot-password] .auth-footer .auth-divider span:hover,section[data-page=reset-password] .auth-footer .auth-divider span:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.3);border-color:#4b5563;color:#d1d5db}section[data-page=login] .auth-footer .auth-link,section[data-page=register] .auth-footer .auth-link,section[data-page=forgot-password] .auth-footer .auth-link,section[data-page=reset-password] .auth-footer .auth-link{color:#d1d5db;font-size:.875rem;font-weight:400}section[data-page=login] .auth-footer .auth-link a,section[data-page=register] .auth-footer .auth-link a,section[data-page=forgot-password] .auth-footer .auth-link a,section[data-page=reset-password] .auth-footer .auth-link a{color:#7b94ff;text-decoration:none;font-weight:600;transition:all 200ms cubic-bezier(0, 0, 0.2, 1)}section[data-page=login] .auth-footer .auth-link a:hover,section[data-page=register] .auth-footer .auth-link a:hover,section[data-page=forgot-password] .auth-footer .auth-link a:hover,section[data-page=reset-password] .auth-footer .auth-link a:hover{text-decoration:underline;color:#aebdff}section[data-page=login] .auth-footer .social-login,section[data-page=register] .auth-footer .social-login,section[data-page=forgot-password] .auth-footer .social-login,section[data-page=reset-password] .auth-footer .social-login{margin-bottom:1.5rem}section[data-page=login] .auth-footer .social-login .btn-social,section[data-page=register] .auth-footer .social-login .btn-social,section[data-page=forgot-password] .auth-footer .social-login .btn-social,section[data-page=reset-password] .auth-footer .social-login .btn-social{width:100%;max-width:300px;padding:.75rem 1rem;border:1px solid #374151;background:#374151;color:#d1d5db;font-weight:500;margin-bottom:.75rem;border-radius:.625rem;transition:all 200ms cubic-bezier(0, 0, 0.2, 1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}section[data-page=login] .auth-footer .social-login .btn-social:hover,section[data-page=register] .auth-footer .social-login .btn-social:hover,section[data-page=forgot-password] .auth-footer .social-login .btn-social:hover,section[data-page=reset-password] .auth-footer .social-login .btn-social:hover{background:#1f2937;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.2);color:#f9fafb}section[data-page=login] .auth-footer .social-login .btn-social:focus,section[data-page=register] .auth-footer .social-login .btn-social:focus,section[data-page=forgot-password] .auth-footer .social-login .btn-social:focus,section[data-page=reset-password] .auth-footer .social-login .btn-social:focus{outline:2px solid rgba(93,123,255,.5);outline-offset:2px}section[data-page=login] .auth-footer .social-login .btn-social i,section[data-page=register] .auth-footer .social-login .btn-social i,section[data-page=forgot-password] .auth-footer .social-login .btn-social i,section[data-page=reset-password] .auth-footer .social-login .btn-social i{margin-right:.5rem;font-size:1rem}section[data-page=login] .auth-footer .social-login .btn-social.btn-google:hover,section[data-page=register] .auth-footer .social-login .btn-social.btn-google:hover,section[data-page=forgot-password] .auth-footer .social-login .btn-social.btn-google:hover,section[data-page=reset-password] .auth-footer .social-login .btn-social.btn-google:hover{color:#db4437;border-color:#db4437}section[data-page=login] .auth-footer .social-login .btn-social.btn-github:hover,section[data-page=register] .auth-footer .social-login .btn-social.btn-github:hover,section[data-page=forgot-password] .auth-footer .social-login .btn-social.btn-github:hover,section[data-page=reset-password] .auth-footer .social-login .btn-social.btn-github:hover{color:#f9fafb;border-color:#333}section[data-page=login] .invalid-feedback,section[data-page=register] .invalid-feedback,section[data-page=forgot-password] .invalid-feedback,section[data-page=reset-password] .invalid-feedback{display:none;color:#f37373;font-size:.75rem;font-weight:500;margin-top:.25rem}section[data-page=login] .valid-feedback,section[data-page=register] .valid-feedback,section[data-page=forgot-password] .valid-feedback,section[data-page=reset-password] .valid-feedback{display:none;color:#3ddd78;font-size:.75rem;font-weight:500;margin-top:.25rem}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 575.98px){section[data-page=login] .auth-card,section[data-page=register] .auth-card,section[data-page=forgot-password] .auth-card,section[data-page=reset-password] .auth-card{margin:.5rem;padding:1.5rem}section[data-page=login] .auth-header,section[data-page=register] .auth-header,section[data-page=forgot-password] .auth-header,section[data-page=reset-password] .auth-header{margin-bottom:1.5rem}section[data-page=login] .auth-header .auth-logo,section[data-page=register] .auth-header .auth-logo,section[data-page=forgot-password] .auth-header .auth-logo,section[data-page=reset-password] .auth-header .auth-logo{width:48px;height:48px;font-size:1.125rem}section[data-page=login] .auth-header .auth-title,section[data-page=register] .auth-header .auth-title,section[data-page=forgot-password] .auth-header .auth-title,section[data-page=reset-password] .auth-header .auth-title{font-size:1.5rem}section[data-page=login] .auth-form .form-control,section[data-page=register] .auth-form .form-control,section[data-page=forgot-password] .auth-form .form-control,section[data-page=reset-password] .auth-form .form-control{padding:.75rem .875rem}section[data-page=login] .auth-form .btn-submit,section[data-page=register] .auth-form .btn-submit,section[data-page=forgot-password] .auth-form .btn-submit,section[data-page=reset-password] .auth-form .btn-submit{padding:.75rem 1.25rem}}section[data-page=login] .text-primary,section[data-page=register] .text-primary,section[data-page=forgot-password] .text-primary,section[data-page=reset-password] .text-primary{color:#5d7bff}section[data-page=login] a,section[data-page=register] a,section[data-page=forgot-password] a,section[data-page=reset-password] a{color:#7b94ff}section[data-page=login] a:hover,section[data-page=register] a:hover,section[data-page=forgot-password] a:hover,section[data-page=reset-password] a:hover{color:#aebdff}section[data-page=login] .requirement span,section[data-page=register] .requirement span,section[data-page=forgot-password] .requirement span,section[data-page=reset-password] .requirement span{color:#9ca3af}section[data-page=home]{background:linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);min-height:100vh;position:relative}section[data-page=home]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(14, 165, 233, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(6, 182, 212, 0.1) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(59, 130, 246, 0.05) 0%, transparent 50%);pointer-events:none;z-index:0}section[data-page=home]>*{position:relative;z-index:1}section[data-page=home] .text-muted{color:#8794a5 !important}section[data-page=home] .welcome-header .welcome-content h1{background:linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);-webkit-background-clip:text;background-clip:text}section[data-page=home] .welcome-header .welcome-content h1 .wave{display:inline-block;animation:wave 2s ease-in-out infinite}section[data-page=home] .welcome-header .welcome-content .welcome-stats .badge{backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);font-weight:500;padding:.5rem 1rem}section[data-page=home] .welcome-header .welcome-content .welcome-stats .badge.bg-success{background:rgba(34,197,94,.2) !important;color:#22c55e !important;border-color:rgba(34,197,94,.3)}section[data-page=home] .welcome-header .welcome-content .welcome-stats .badge.bg-info{background:rgba(14,165,233,.2) !important;color:#0ea5e9 !important;border-color:rgba(14,165,233,.3)}section[data-page=home] .welcome-header .welcome-content .welcome-stats .badge:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.3)}section[data-page=home] .welcome-header .welcome-actions .btn{padding:.75rem 2rem;font-weight:600;border-radius:12px;transition:all .3s ease}section[data-page=home] .welcome-header .welcome-actions .btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.4)}section[data-page=home] .metric-card{background:linear-gradient(135deg, rgba(55, 65, 81, 0.8) 0%, rgba(75, 85, 99, 0.6) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(20px);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative}section[data-page=home] .metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, transparent 0%, var(--accent-color) 50%, transparent 100%);transform:translateX(-100%);transition:transform .6s ease}section[data-page=home] .metric-card:hover{transform:translateY(-8px) scale(1.02);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1)}section[data-page=home] .metric-card:hover::before{transform:translateX(0)}section[data-page=home] .metric-card:hover .metric-background{opacity:.15;transform:scale(1.1) rotate(5deg)}section[data-page=home] .metric-card:hover .metric-icon{transform:scale(1.1) rotate(-5deg)}section[data-page=home] .metric-card:hover .metric-progress .progress-bar{transform:scaleX(1.05)}section[data-page=home] .metric-card.metric-card-earnings{--accent-color: #22c55e}section[data-page=home] .metric-card.metric-card-earnings .metric-icon.earnings{background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);color:#fff}section[data-page=home] .metric-card.metric-card-users{--accent-color: #0ea5e9}section[data-page=home] .metric-card.metric-card-users .metric-icon.users{background:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);color:#fff}section[data-page=home] .metric-card.metric-card-conversion{--accent-color: #06b6d4}section[data-page=home] .metric-card.metric-card-conversion .metric-icon.conversion{background:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);color:#fff}section[data-page=home] .metric-card.metric-card-apps{--accent-color: #3b82f6}section[data-page=home] .metric-card.metric-card-apps .metric-icon.apps{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:#fff}section[data-page=home] .metric-card .card-body{padding:2rem;position:relative;z-index:2}section[data-page=home] .metric-card .metric-background{position:absolute;top:-20px;right:-20px;font-size:8rem;opacity:.05;transition:all .4s ease;z-index:1}section[data-page=home] .metric-card .metric-content .metric-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;display:flex;align-items:center}section[data-page=home] .metric-card .metric-content .metric-value{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.5rem;line-height:1}section[data-page=home] .metric-card .metric-content .metric-change{font-size:.875rem;font-weight:500;display:flex;align-items:center}section[data-page=home] .metric-card .metric-content .metric-change.positive{color:#22c55e}section[data-page=home] .metric-card .metric-content .metric-change.negative{color:#ef4444}section[data-page=home] .metric-card .metric-icon{width:80px;height:80px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .4s ease;box-shadow:0 8px 25px rgba(0,0,0,.3)}section[data-page=home] .metric-card .metric-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:rgba(255,255,255,.1);overflow:hidden}section[data-page=home] .metric-card .metric-progress .progress-bar{height:100%;background:linear-gradient(90deg, var(--accent-color), rgba(255, 255, 255, 0.8));transition:all .4s ease;position:relative}section[data-page=home] .metric-card .metric-progress .progress-bar::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:shimmer 2s infinite}section[data-page=home] .dashboard-card{background:linear-gradient(135deg, rgba(55, 65, 81, 0.9) 0%, rgba(75, 85, 99, 0.7) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(20px);transition:all .3s ease;overflow:hidden}section[data-page=home] .dashboard-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.3)}section[data-page=home] .dashboard-card .card-header{background:linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem}section[data-page=home] .dashboard-card .card-header .card-title{font-weight:700;background:linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}section[data-page=home] .dashboard-card .card-body{padding:2rem}section[data-page=home] .chart-card .chart-placeholder{background:linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.6) 100%);border:2px dashed rgba(14,165,233,.3);transition:all .3s ease}section[data-page=home] .chart-card .chart-placeholder:hover{border-color:rgba(14,165,233,.6);background:linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(51, 65, 85, 0.7) 100%)}section[data-page=home] .chart-card .chart-placeholder .chart-placeholder-content .chart-icon{font-size:4rem;margin-bottom:1rem;opacity:.7;color:#0ea5e9}section[data-page=home] .app-performance-item{background:linear-gradient(135deg, rgba(45, 55, 72, 0.8) 0%, rgba(55, 65, 81, 0.6) 100%);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;display:flex;align-items:center;gap:1rem;position:relative;overflow:hidden}section[data-page=home] .app-performance-item::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--rank-color, #6b7280);transition:all .3s ease}section[data-page=home] .app-performance-item:hover{transform:translateX(8px);border-color:rgba(255,255,255,.2);box-shadow:0 10px 30px rgba(0,0,0,.3)}section[data-page=home] .app-performance-item:hover::before{width:6px}section[data-page=home] .app-performance-item.rank-1{--rank-color: #ffd700}section[data-page=home] .app-performance-item.rank-1 .app-rank i{color:gold}section[data-page=home] .app-performance-item.rank-2{--rank-color: #c0c0c0}section[data-page=home] .app-performance-item.rank-2 .app-rank i{color:silver}section[data-page=home] .app-performance-item.rank-3{--rank-color: #cd7f32}section[data-page=home] .app-performance-item.rank-3 .app-rank i{color:#cd7f32}section[data-page=home] .app-performance-item .app-rank{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.1);font-weight:700;position:relative}section[data-page=home] .app-performance-item .app-rank i{position:absolute;font-size:1.5rem}section[data-page=home] .app-performance-item .app-rank span{color:#fff;font-size:1.1rem;z-index:1}section[data-page=home] .app-performance-item .app-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease}section[data-page=home] .app-performance-item .app-icon.productivity{background:linear-gradient(135deg, #22c55e 0%, #16a34a 100%);color:#fff;margin-right:10px}section[data-page=home] .app-performance-item .app-icon.gaming{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);color:#fff;margin-right:10px}section[data-page=home] .app-performance-item .app-icon.photo{background:linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);color:#fff;margin-right:10px}section[data-page=home] .app-performance-item .app-icon.music{background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);color:#fff;margin-right:10px}section[data-page=home] .app-performance-item .app-info .app-name{font-weight:600;color:#fff;margin-bottom:.25rem}section[data-page=home] .app-performance-item .app-info .app-category{font-size:.875rem;color:#94a3b8;display:flex;align-items:center}section[data-page=home] .app-performance-item .app-earnings{text-align:right}section[data-page=home] .app-performance-item .app-earnings .earnings-amount{font-weight:700;color:#22c55e;font-size:1.25rem;margin-bottom:.25rem}section[data-page=home] .app-performance-item .app-earnings .earnings-change{font-size:.875rem;display:flex;align-items:center;justify-content:flex-end}section[data-page=home] .app-performance-item .app-earnings .earnings-change.positive{color:#22c55e}section[data-page=home] .activity-timeline .activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;margin-bottom:1rem;background:linear-gradient(135deg, rgba(45, 55, 72, 0.6) 0%, rgba(55, 65, 81, 0.4) 100%);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease;position:relative;overflow:hidden}section[data-page=home] .activity-timeline .activity-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--activity-color);border-radius:0 4px 4px 0}section[data-page=home] .activity-timeline .activity-item:hover{transform:translateX(8px);border-color:rgba(255,255,255,.2);box-shadow:0 8px 25px rgba(0,0,0,.2)}section[data-page=home] .activity-timeline .activity-item.success{--activity-color: #22c55e}section[data-page=home] .activity-timeline .activity-item.info{--activity-color: #0ea5e9}section[data-page=home] .activity-timeline .activity-item.warning{--activity-color: #f59e0b}section[data-page=home] .activity-timeline .activity-item.primary{--activity-color: #3b82f6}section[data-page=home] .activity-timeline .activity-item .activity-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg, var(--activity-color) 0%, color-mix(in srgb, var(--activity-color) 80%, black) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;flex-shrink:0;transition:all .3s ease}section[data-page=home] .activity-timeline .activity-item .activity-content{flex-grow:1}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-header{display:flex;justify-content:between;align-items:flex-start;margin-bottom:.5rem}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-header .activity-title{font-weight:600;color:#fff;flex-grow:1}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-header .activity-time{font-size:.875rem;color:#94a3b8;margin-left:1rem}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-description{color:#cbd5e1;margin-bottom:.75rem;line-height:1.5}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-meta .badge{font-weight:500;padding:.375rem .75rem;border-radius:8px}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-meta .badge.bg-success{background:rgba(34,197,94,.2) !important;color:#22c55e !important;border:1px solid rgba(34,197,94,.3)}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-meta .badge.bg-info{background:rgba(14,165,233,.2) !important;color:#0ea5e9 !important;border:1px solid rgba(14,165,233,.3)}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-meta .badge.bg-warning{background:rgba(245,158,11,.2) !important;color:#f59e0b !important;border:1px solid rgba(245,158,11,.3)}section[data-page=home] .activity-timeline .activity-item .activity-content .activity-meta .badge.bg-primary{background:rgba(59,130,246,.2) !important;color:#3b82f6 !important;border:1px solid rgba(59,130,246,.3)}section[data-page=home] .quick-action-btn{display:flex !important;align-items:center;gap:1rem;padding:1.25rem 1.5rem !important;border-radius:16px !important;transition:all .3s ease !important;text-decoration:none !important;position:relative;overflow:hidden}section[data-page=home] .quick-action-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left .5s ease}section[data-page=home] .quick-action-btn:hover{transform:translateY(-4px) !important;box-shadow:0 15px 35px rgba(0,0,0,.3) !important}section[data-page=home] .quick-action-btn:hover::before{left:100%}section[data-page=home] .quick-action-btn:hover .action-arrow{transform:translateX(5px)}section[data-page=home] .quick-action-btn:hover .action-description{color:rgba(255,255,255,.9) !important}section[data-page=home] .quick-action-btn .action-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;background:rgba(255,255,255,.1);transition:all .3s ease}section[data-page=home] .quick-action-btn .action-content{flex-grow:1;text-align:left}section[data-page=home] .quick-action-btn .action-content .action-title{font-weight:600;margin-bottom:.25rem}section[data-page=home] .quick-action-btn .action-content .action-description{font-size:.875rem;opacity:.8}section[data-page=home] .quick-action-btn .action-arrow{font-size:1.25rem;transition:all .3s ease;opacity:.7}section[data-page=home] .quick-action-btn.btn-gradient{background:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;color:#fff !important;border:none !important}section[data-page=home] .quick-action-btn.btn-gradient .action-icon{background:rgba(255,255,255,.2);color:#fff}@keyframes wave{0%,100%{transform:rotate(0deg)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}@media(max-width: 767.98px){section[data-page=home] .metric-card .metric-value{font-size:2rem}section[data-page=home] .metric-card .metric-icon{width:60px;height:60px;font-size:1.5rem}section[data-page=home] .chart-placeholder{height:250px !important}section[data-page=home] .welcome-header{text-align:center}section[data-page=home] .welcome-header .welcome-actions{justify-content:center;margin-top:1.5rem}}@media(max-width: 575.98px){section[data-page=home] section[data-page=home]{padding:1rem !important}section[data-page=home] .metric-card .card-body{padding:1.5rem}section[data-page=home] .dashboard-card .card-body{padding:1.5rem}section[data-page=home] .quick-action-btn{padding:1rem !important}}section[data-page=apps]{background:radial-gradient(ellipse at top, rgba(14, 165, 233, 0.15) 0%, transparent 50%),radial-gradient(ellipse at bottom right, rgba(6, 182, 212, 0.1) 0%, transparent 50%),linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);min-height:100vh;position:relative;overflow-x:hidden}section[data-page=apps]::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%, rgba(14, 165, 233, 0.08) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(6, 182, 212, 0.08) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(59, 130, 246, 0.04) 0%, transparent 50%);pointer-events:none;z-index:0;animation:backgroundShift 20s ease-in-out infinite}section[data-page=apps]::after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:0}section[data-page=apps]>*{position:relative;z-index:1}section[data-page=apps] .apps-header .header-content h1{background:linear-gradient(135deg, #ffffff 0%, #60a5fa 50%, #06b6d4 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);position:relative}section[data-page=apps] .apps-header .header-content h1::after{content:"";position:absolute;bottom:-4px;left:0;width:60px;height:3px;background:linear-gradient(90deg, #0ea5e9, #06b6d4);border-radius:2px;animation:glow 2s ease-in-out infinite alternate}section[data-page=apps] .apps-header .header-content .header-stats .badge{backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);font-weight:500;padding:.6rem 1.2rem;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}section[data-page=apps] .apps-header .header-content .header-stats .badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left .6s ease}section[data-page=apps] .apps-header .header-content .header-stats .badge:hover::before{left:100%}section[data-page=apps] .apps-header .header-content .header-stats .badge.bg-info{background:rgba(14,165,233,.9) !important;color:#fff !important;border-color:#0ea5e9;box-shadow:0 0 20px rgba(14,165,233,.3)}section[data-page=apps] .apps-header .header-content .header-stats .badge.bg-success{background:rgba(34,197,94,.9) !important;color:#fff !important;border-color:#22c55e;box-shadow:0 0 15px rgba(34,197,94,.3)}section[data-page=apps] .apps-header .header-content .header-stats .badge.bg-warning{background:rgba(245,158,11,.9) !important;color:#000 !important;border-color:#f59e0b;box-shadow:0 0 15px rgba(245,158,11,.3)}section[data-page=apps] .apps-header .header-content .header-stats .badge.bg-danger{background:rgba(239,68,68,.9) !important;color:#fff !important;border-color:#ef4444;box-shadow:0 0 15px rgba(239,68,68,.3)}section[data-page=apps] .apps-header .header-content .header-stats .badge:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.3)}section[data-page=apps] .apps-header .header-actions .btn{padding:.8rem 2.2rem;font-weight:600;border-radius:14px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}section[data-page=apps] .apps-header .header-actions .btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left .6s ease}section[data-page=apps] .apps-header .header-actions .btn:hover::before{left:100%}section[data-page=apps] .apps-header .header-actions .btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.4)}section[data-page=apps] .apps-header .header-actions .btn.btn-gradient{background:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #8b5cf6 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite}section[data-page=apps] .apps-header .header-actions .btn.btn-gradient:hover{animation-duration:1s}section[data-page=apps] .app-card{background:linear-gradient(135deg, rgba(55, 65, 81, 0.95) 0%, rgba(75, 85, 99, 0.9) 50%, rgba(55, 65, 81, 0.95) 100%);border:1px solid rgba(255,255,255,.1);border-radius:20px;backdrop-filter:blur(25px);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.1)}section[data-page=apps] .app-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--status-gradient, linear-gradient(90deg, #6b7280, #9ca3af));transition:all .4s ease}section[data-page=apps] .app-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, transparent 50%, rgba(255, 255, 255, 0.02) 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}section[data-page=apps] .app-card:hover{transform:translateY(-6px) rotateX(2deg);border-color:rgba(255,255,255,.2);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.2)}section[data-page=apps] .app-card:hover::after{opacity:1}section[data-page=apps] .app-card.app-card-active{--status-gradient: linear-gradient(90deg, #22c55e, #16a34a, #15803d)}section[data-page=apps] .app-card.app-card-active:hover{box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(34,197,94,.3),0 0 0 1px rgba(34,197,94,.2)}section[data-page=apps] .app-card.app-card-pending{--status-gradient: linear-gradient(90deg, #f59e0b, #d97706, #b45309)}section[data-page=apps] .app-card.app-card-pending:hover{box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(245,158,11,.3),0 0 0 1px rgba(245,158,11,.2)}section[data-page=apps] .app-card.app-card-inactive{--status-gradient: linear-gradient(90deg, #ef4444, #dc2626, #b91c1c);opacity:.85}section[data-page=apps] .app-card.app-card-inactive:hover{opacity:1;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 30px rgba(239,68,68,.3),0 0 0 1px rgba(239,68,68,.2)}section[data-page=apps] .app-card .card-header{background:linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.05) 100%);border-bottom:1px solid rgba(255,255,255,.1);padding:1.8rem;position:relative}section[data-page=apps] .app-card .card-header .app-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:1.6rem;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);position:relative;overflow:hidden}section[data-page=apps] .app-card .card-header .app-icon::before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.1), transparent);transform:rotate(45deg);transition:transform .6s ease}section[data-page=apps] .app-card .card-header .app-icon:hover::before{transform:rotate(45deg) translate(50%, 50%)}section[data-page=apps] .app-card .card-header .app-icon.productivity{background:linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%);color:#fff;box-shadow:0 8px 25px rgba(34,197,94,.4)}section[data-page=apps] .app-card .card-header .app-icon.gaming{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%);color:#fff;box-shadow:0 8px 25px rgba(59,130,246,.4)}section[data-page=apps] .app-card .card-header .app-icon.photo{background:linear-gradient(135deg, #06b6d4 0%, #0891b2 50%, #0e7490 100%);color:#fff;box-shadow:0 8px 25px rgba(6,182,212,.4)}section[data-page=apps] .app-card .card-header .app-icon.music{background:linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);color:#fff;box-shadow:0 8px 25px rgba(139,92,246,.4)}section[data-page=apps] .app-card .card-header .app-icon.social{background:linear-gradient(135deg, #ec4899 0%, #db2777 50%, #be185d 100%);color:#fff;box-shadow:0 8px 25px rgba(236,72,153,.4)}section[data-page=apps] .app-card .card-header .app-icon.utility{background:linear-gradient(135deg, #64748b 0%, #475569 50%, #334155 100%);color:#fff;box-shadow:0 8px 25px rgba(100,116,139,.4)}section[data-page=apps] .app-card .card-header .app-info .app-name{color:#fff;font-weight:600;margin-bottom:.6rem;font-size:1.15rem;background:linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);-webkit-background-clip:text;background-clip:text}section[data-page=apps] .app-card .card-header .app-info .app-meta{display:flex;align-items:center;gap:.8rem}section[data-page=apps] .app-card .card-header .app-info .app-meta .badge{font-size:.75rem;padding:.3rem .8rem;border-radius:8px;font-weight:500;border:1px solid;text-transform:capitalize;position:relative;overflow:hidden}section[data-page=apps] .app-card .card-header .app-info .app-meta .badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .6s ease}section[data-page=apps] .app-card .card-header .app-info .app-meta .badge:hover::before{left:100%}section[data-page=apps] .app-card .card-header .app-info .app-meta .badge.bg-success{background:rgba(34,197,94,.9) !important;color:#fff !important;border-color:#22c55e;box-shadow:0 0 15px rgba(34,197,94,.3)}section[data-page=apps] .app-card .card-header .app-info .app-meta .badge.bg-warning{background:rgba(245,158,11,.9) !important;color:#000 !important;border-color:#f59e0b;box-shadow:0 0 15px rgba(245,158,11,.3)}section[data-page=apps] .app-card .card-header .app-info .app-meta .badge.bg-danger{background:rgba(239,68,68,.9) !important;color:#fff !important;border-color:#ef4444;box-shadow:0 0 15px rgba(239,68,68,.3)}section[data-page=apps] .app-card .card-header .dropdown .btn{border-radius:10px;transition:all .4s ease;padding:.6rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}section[data-page=apps] .app-card .card-header .dropdown .btn:hover{background:linear-gradient(135deg, rgba(14, 165, 233, 0.15) 0%, rgba(6, 182, 212, 0.1) 100%);border-color:rgba(14,165,233,.4);color:#60a5fa;transform:scale(1.05);box-shadow:0 0 20px rgba(14,165,233,.3)}section[data-page=apps] .app-card .card-header .dropdown .dropdown-menu{background:linear-gradient(135deg, #2d3748 0%, #374151 100%);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px)}section[data-page=apps] .app-card .card-header .dropdown .dropdown-menu .dropdown-item{color:#e2e8f0;transition:all .3s ease;border-radius:8px;margin:4px 8px;font-size:.9rem;position:relative;overflow:hidden}section[data-page=apps] .app-card .card-header .dropdown .dropdown-menu .dropdown-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left .4s ease}section[data-page=apps] .app-card .card-header .dropdown .dropdown-menu .dropdown-item:hover{background:linear-gradient(135deg, rgba(14, 165, 233, 0.15) 0%, rgba(6, 182, 212, 0.1) 100%);color:#60a5fa;transform:translateX(4px)}section[data-page=apps] .app-card .card-header .dropdown .dropdown-menu .dropdown-item:hover::before{left:100%}section[data-page=apps] .app-card .card-header .dropdown .dropdown-menu .dropdown-item.text-danger:hover{background:linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(220, 38, 38, 0.1) 100%);color:#f87171}section[data-page=apps] .app-card .card-body{padding:1.8rem}section[data-page=apps] .app-stats .stat-item{display:flex;align-items:center;gap:.8rem;padding:1.2rem;background:linear-gradient(135deg, rgba(45, 55, 72, 0.6) 0%, rgba(55, 65, 81, 0.4) 50%, rgba(45, 55, 72, 0.6) 100%);border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}section[data-page=apps] .app-stats .stat-item::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);transition:left .6s ease}section[data-page=apps] .app-stats .stat-item:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px) scale(1.02);background:linear-gradient(135deg, rgba(45, 55, 72, 0.7) 0%, rgba(55, 65, 81, 0.5) 50%, rgba(45, 55, 72, 0.7) 100%);box-shadow:0 8px 25px rgba(0,0,0,.3)}section[data-page=apps] .app-stats .stat-item:hover::before{left:100%}section[data-page=apps] .app-stats .stat-item .stat-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg, rgba(14, 165, 233, 0.2) 0%, rgba(6, 182, 212, 0.15) 100%);display:flex;align-items:center;justify-content:center;color:#60a5fa;font-size:1.2rem;flex-shrink:0;border:1px solid rgba(14,165,233,.3);box-shadow:0 0 20px rgba(14,165,233,.2);transition:all .3s ease}section[data-page=apps] .app-stats .stat-item .stat-icon:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(14,165,233,.4)}section[data-page=apps] .app-stats .stat-item .stat-content .stat-value{font-size:1.2rem;font-weight:600;color:#fff;line-height:1;margin-bottom:.3rem;background:linear-gradient(135deg, #ffffff 0%, #e2e8f0 100%);-webkit-background-clip:text;background-clip:text}section[data-page=apps] .app-stats .stat-item .stat-content .stat-label{font-size:.7rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}section[data-page=apps] .app-performance .text-success{color:#4ade80 !important;font-weight:600;text-shadow:0 0 8px rgba(74,222,128,.3)}section[data-page=apps] .app-performance .progress-container{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}section[data-page=apps] .app-performance .progress-container .progress-bar{height:100%;background:linear-gradient(90deg, #0ea5e9 0%, #06b6d4 50%, #8b5cf6 100%);background-size:200% 100%;border-radius:4px;transition:all .4s ease;position:relative;animation:progressShimmer 3s ease-in-out infinite}section[data-page=apps] .app-performance .progress-container .progress-bar::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);animation:shimmer 2s infinite}section[data-page=apps] .app-actions .btn{border-radius:10px;font-weight:500;transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);font-size:.85rem;padding:.6rem 1.2rem;position:relative;overflow:hidden}section[data-page=apps] .app-actions .btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);transition:left .6s ease}section[data-page=apps] .app-actions .btn:hover{transform:translateY(-2px) scale(1.02)}section[data-page=apps] .app-actions .btn:hover::before{left:100%}section[data-page=apps] .app-actions .btn.btn-outline-info{border:1px solid rgba(14,165,233,.3);color:#60a5fa}section[data-page=apps] .app-actions .btn.btn-outline-info:hover{background:linear-gradient(135deg, rgba(14, 165, 233, 0.15) 0%, rgba(6, 182, 212, 0.1) 100%);border-color:rgba(14,165,233,.5);color:#60a5fa;box-shadow:0 0 20px rgba(14,165,233,.3)}section[data-page=apps] .app-actions .btn.btn-outline-success{border:1px solid rgba(34,197,94,.3);color:#4ade80}section[data-page=apps] .app-actions .btn.btn-outline-success:hover{background:linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(16, 185, 129, 0.1) 100%);border-color:rgba(34,197,94,.5);color:#4ade80;box-shadow:0 0 20px rgba(34,197,94,.3)}section[data-page=apps] .empty-state .empty-icon i{font-size:5rem;opacity:.4;color:#64748b;background:linear-gradient(135deg, #64748b 0%, #94a3b8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:pulse 2s ease-in-out infinite}section[data-page=apps] .empty-state h4{font-weight:600;color:#e2e8f0;background:linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);-webkit-background-clip:text;background-clip:text}section[data-page=apps] .empty-state p{color:#94a3b8;max-width:500px;margin:0 auto}section[data-page=apps] .empty-state .btn{padding:.8rem 2.2rem;font-weight:600;border-radius:12px;background:linear-gradient(135deg, #0ea5e9 0%, #06b6d4 50%, #8b5cf6 100%);background-size:200% 200%;animation:gradientShift 3s ease infinite}section[data-page=apps] .empty-state .btn:hover{animation-duration:1s;transform:translateY(-2px) scale(1.02)}section[data-page=apps] .search-input{position:relative}section[data-page=apps] .search-input .form-control{padding-left:3rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2394a3b8'%3e%3cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 1rem center;background-size:1.2rem;border:1px solid rgba(255,255,255,.15);background-color:linear-gradient(135deg, rgba(55, 65, 81, 0.9) 0%, rgba(75, 85, 99, 0.8) 100%)}section[data-page=apps] .search-input .form-control:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2360a5fa'%3e%3cpath fill-rule='evenodd' d='M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z' clip-rule='evenodd'/%3e%3c/svg%3e")}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes progressShimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes backgroundShift{0%,100%{opacity:1}50%{opacity:.8}}@keyframes glow{0%{box-shadow:0 0 5px rgba(14,165,233,.5)}100%{box-shadow:0 0 20px rgba(14,165,233,.8)}}@keyframes pulse{0%,100%{opacity:.4}50%{opacity:.6}}@media(max-width: 991.98px){section[data-page=apps] .app-card .card-header .app-icon{width:56px;height:56px;font-size:1.4rem}section[data-page=apps] .apps-header{text-align:center}section[data-page=apps] .apps-header .header-actions{justify-content:center;margin-top:1.5rem}}@media(max-width: 767.98px){section[data-page=apps] section[data-page=apps]{padding:1rem !important}section[data-page=apps] .app-card .card-header,section[data-page=apps] .app-card .card-body{padding:1.5rem}section[data-page=apps] .app-card .app-stats .stat-item{padding:1rem}section[data-page=apps] .app-card .app-stats .stat-item .stat-icon{width:36px;height:36px;font-size:1.1rem}section[data-page=apps] .app-card .app-stats .stat-item .stat-content .stat-value{font-size:1.1rem}section[data-page=apps] .modal .modal-content .modal-header,section[data-page=apps] .modal .modal-content .modal-body,section[data-page=apps] .modal .modal-content .modal-footer{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width: 575.98px){section[data-page=apps] .apps-header .header-actions{flex-direction:column;width:100%}section[data-page=apps] .apps-header .header-actions .btn{width:100%}section[data-page=apps] .app-actions{flex-direction:column}section[data-page=apps] .app-actions .btn{width:100%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}section[data-page=payouts] .payouts-header .header-content .header-stats .badge{font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem}section[data-page=payouts] .balance-card{background:linear-gradient(135deg, #374151 0%, #4a5568 100%);border:1px solid #4a5568;border-radius:1rem;overflow:hidden;position:relative;transition:all .3s ease}section[data-page=payouts] .balance-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.3)}section[data-page=payouts] .balance-card .card-body{padding:2rem;position:relative;z-index:2}section[data-page=payouts] .balance-card .balance-background{position:absolute;top:-20px;right:-20px;width:100px;height:100px;opacity:.1;z-index:1}section[data-page=payouts] .balance-card .balance-background i{font-size:4rem;color:#fff}section[data-page=payouts] .balance-card .balance-content .balance-label{font-size:.75rem;font-weight:600;letter-spacing:.5px;color:#d1d5db;margin-bottom:.75rem;text-transform:uppercase}section[data-page=payouts] .balance-card .balance-content .balance-label i{color:inherit}section[data-page=payouts] .balance-card .balance-content .balance-value{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}section[data-page=payouts] .balance-card .balance-content .balance-note{font-size:.875rem;font-weight:500}section[data-page=payouts] .balance-card .balance-content .balance-note i{opacity:.8}section[data-page=payouts] .balance-card .balance-icon{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:2px solid;transition:all .3s ease}section[data-page=payouts] .balance-card .balance-icon.available{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}section[data-page=payouts] .balance-card .balance-icon.pending{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);color:#0ea5e9}section[data-page=payouts] .balance-card .balance-icon.total{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}section[data-page=payouts] .balance-card .balance-icon.withdrawn{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.3);color:#8b5cf6}section[data-page=payouts] .balance-card:hover .balance-icon{transform:scale(1.1)}section[data-page=payouts] .balance-card.balance-card-available{border-left:4px solid #22c55e}section[data-page=payouts] .balance-card.balance-card-pending{border-left:4px solid #0ea5e9}section[data-page=payouts] .balance-card.balance-card-total{border-left:4px solid #f59e0b}section[data-page=payouts] .balance-card.balance-card-withdrawn{border-left:4px solid #8b5cf6}section[data-page=payouts] .methods-card .payout-method-item{padding:1rem;background:#475569;border:1px solid #6b7280;border-radius:.75rem;transition:all .3s ease}section[data-page=payouts] .methods-card .payout-method-item:hover{background:#525f7a;border-color:#9ca3af;transform:translateY(-1px)}section[data-page=payouts] .methods-card .payout-method-item.method-primary{border-color:#3b82f6;background:rgba(59,130,246,.1)}section[data-page=payouts] .methods-card .payout-method-item .method-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-right:.75rem;font-size:1.2rem;border:1px solid}section[data-page=payouts] .methods-card .payout-method-item .method-icon.bank{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}section[data-page=payouts] .methods-card .payout-method-item .method-icon.paypal{background:rgba(14,165,233,.1);border-color:rgba(14,165,233,.3);color:#0ea5e9}section[data-page=payouts] .methods-card .payout-method-item .method-icon.crypto{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3);color:#f59e0b}section[data-page=payouts] .methods-card .payout-method-item .method-info .method-name{font-weight:600;color:#fff;margin-bottom:.25rem}section[data-page=payouts] .methods-card .payout-method-item .method-info .method-details{font-size:.875rem;color:#d1d5db;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item{display:flex;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background:#475569;border:1px solid #6b7280;border-radius:.75rem;border-left:4px solid;transition:all .3s ease}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item:hover{background:#525f7a;border-color:#9ca3af;transform:translateY(-1px)}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item.completed{border-left-color:#22c55e}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item.pending{border-left-color:#f59e0b}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item.failed{border-left-color:#ef4444}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item.cancelled{border-left-color:#6b7280}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-status-indicator{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;font-size:1.2rem;border:2px solid}.completed section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-status-indicator{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.pending section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-status-indicator{background:rgba(245,158,11,.1);border-color:#f59e0b;color:#f59e0b}.failed section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-status-indicator{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}.cancelled section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-status-indicator{background:rgba(107,114,128,.1);border-color:#6b7280;color:#6b7280}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content{flex:1}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content .payout-header .payout-amount{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.25rem}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content .payout-header .payout-method{font-size:.875rem;color:#d1d5db;margin-bottom:.5rem}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content .payout-header .payout-method i{opacity:.8}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content .payout-header .payout-date{font-size:.875rem;color:#9ca3af;margin-top:.25rem}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content .payout-details{margin-top:.75rem}section[data-page=payouts] .payouts-card .payouts-timeline .payout-item .payout-content .payout-actions .btn{font-size:.875rem;padding:.375rem .75rem}section[data-page=payouts] .empty-state .empty-icon i{font-size:4rem;opacity:.5}section[data-page=payouts] .spinner-border{width:2rem;height:2rem}@media(max-width: 768px){section[data-page=payouts] .payouts-header .header-actions{width:100%;margin-top:1rem}section[data-page=payouts] .payouts-header .header-actions .btn{flex:1}section[data-page=payouts] .balance-card .card-body{padding:1.5rem}section[data-page=payouts] .balance-card .balance-content .balance-value{font-size:1.5rem}section[data-page=payouts] .balance-card .balance-icon{width:50px;height:50px;font-size:1.25rem}section[data-page=payouts] .payout-item .payout-content .payout-header .payout-amount{font-size:1.125rem}section[data-page=payouts] .modal-dialog{margin:1rem}section[data-page=payouts] .modal-body{padding:1.5rem}}@media(max-width: 576px){section[data-page=payouts] .balance-card .balance-content .balance-value{font-size:1.25rem}section[data-page=payouts] .payout-item{padding:1rem}section[data-page=payouts] .payout-item .payout-status-indicator{width:35px;height:35px;font-size:1rem}}section[data-page=integration] .integration-header .header-content .header-stats .badge{font-size:.875rem;padding:.5rem 1rem;border-radius:.5rem}section[data-page=integration] .language-selector-card .language-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:1rem;margin-top:1rem}section[data-page=integration] .language-selector-card .language-grid .language-option{padding:1.5rem;background:#475569;border:2px solid #6b7280;border-radius:.75rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}section[data-page=integration] .language-selector-card .language-grid .language-option:hover{background:#525f7a;border-color:#9ca3af;transform:translateY(-2px)}section[data-page=integration] .language-selector-card .language-grid .language-option.active{background:rgba(59,130,246,.1);border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}section[data-page=integration] .language-selector-card .language-grid .language-option .language-icon{width:50px;height:50px;border-radius:.5rem;background:rgba(245,158,11,.1);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#f59e0b;border:1px solid rgba(245,158,11,.3);flex-shrink:0}section[data-page=integration] .language-selector-card .language-grid .language-option .language-info{flex:1}section[data-page=integration] .language-selector-card .language-grid .language-option .language-info .language-name{font-weight:600;color:#fff;margin-bottom:.25rem;font-size:1.1rem}section[data-page=integration] .language-selector-card .language-grid .language-option .language-info .language-version{font-size:.875rem;color:#d1d5db}section[data-page=integration] .language-selector-card .language-grid .language-option .language-status .badge{font-size:.75rem;padding:.25rem .5rem}section[data-page=integration] .quickstart-card .quickstart-steps .step-item{display:flex;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#475569;border:1px solid #6b7280;border-radius:.75rem;border-left:4px solid #6b7280;transition:all .3s ease;opacity:.6}section[data-page=integration] .quickstart-card .quickstart-steps .step-item.active{opacity:1;border-left-color:#3b82f6;background:rgba(59,130,246,.05)}section[data-page=integration] .quickstart-card .quickstart-steps .step-item.completed{opacity:1;border-left-color:#22c55e;background:rgba(34,197,94,.05)}section[data-page=integration] .quickstart-card .quickstart-steps .step-item.completed .step-number{background:#22c55e;color:#fff}section[data-page=integration] .quickstart-card .quickstart-steps .step-item.completed .step-number::after{content:"✓";font-size:.875rem}section[data-page=integration] .quickstart-card .quickstart-steps .step-item .step-number{width:40px;height:40px;border-radius:50%;background:#6b7280;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:1.5rem;flex-shrink:0;transition:all .3s ease}.active section[data-page=integration] .quickstart-card .quickstart-steps .step-item .step-number{background:#3b82f6}section[data-page=integration] .quickstart-card .quickstart-steps .step-item .step-content{flex:1}section[data-page=integration] .quickstart-card .quickstart-steps .step-item .step-content .step-title{font-weight:600;color:#fff;margin-bottom:.5rem;font-size:1.1rem}section[data-page=integration] .quickstart-card .quickstart-steps .step-item .step-content .step-description{color:#d1d5db;margin-bottom:1rem}section[data-page=integration] .quickstart-card .quickstart-navigation{display:flex;gap:1rem;justify-content:center;padding-top:1rem;border-top:1px solid #4a5568}section[data-page=integration] .code-block{background:#1e293b;border:1px solid #334155;border-radius:.5rem;overflow:hidden;margin-top:1rem}section[data-page=integration] .code-block .code-header{background:#334155;padding:.75rem 1rem;display:flex;justify-content:between;align-items:center;border-bottom:1px solid #475569}section[data-page=integration] .code-block .code-header .code-title{font-size:.875rem;font-weight:600;color:#e2e8f0}section[data-page=integration] .code-block .code-header .code-actions{display:flex;gap:.5rem}section[data-page=integration] .code-block .code-header .code-actions .btn{font-size:.75rem;padding:.25rem .5rem}section[data-page=integration] .code-block pre{margin:0;padding:1rem;background:#1e293b;overflow-x:auto}section[data-page=integration] .code-block pre code{color:#e2e8f0;font-family:"Fira Code","Monaco","Consolas",monospace;font-size:.875rem;line-height:1.6;white-space:pre}section[data-page=integration] .examples-card .examples-content .example-section .example-header{margin-bottom:1rem}section[data-page=integration] .examples-card .examples-content .example-section .example-header .example-title{font-weight:600;color:#fff;margin-bottom:.5rem}section[data-page=integration] .examples-card .examples-content .example-section .example-header .example-description{color:#d1d5db;font-size:.875rem}section[data-page=integration] .resources-card .resources-list .resource-item{display:flex;align-items:center;padding:1rem;background:#475569;border:1px solid #6b7280;border-radius:.5rem;margin-bottom:1rem;transition:all .3s ease}section[data-page=integration] .resources-card .resources-list .resource-item:hover{background:#525f7a;border-color:#9ca3af;transform:translateY(-1px)}section[data-page=integration] .resources-card .resources-list .resource-item .resource-icon{width:40px;height:40px;border-radius:.5rem;background:rgba(14,165,233,.1);display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#0ea5e9;font-size:1.2rem;border:1px solid rgba(14,165,233,.3);flex-shrink:0}section[data-page=integration] .resources-card .resources-list .resource-item .resource-content{flex:1}section[data-page=integration] .resources-card .resources-list .resource-item .resource-content .resource-title{font-weight:600;color:#fff;margin-bottom:.25rem}section[data-page=integration] .resources-card .resources-list .resource-item .resource-content .resource-description{font-size:.875rem;color:#d1d5db}section[data-page=integration] .status-card .status-checks .status-check-item{display:flex;align-items:center;padding:1rem;background:#475569;border:1px solid #6b7280;border-radius:.5rem;margin-bottom:1rem;border-left:4px solid #6b7280;transition:all .3s ease}section[data-page=integration] .status-card .status-checks .status-check-item.completed{border-left-color:#22c55e;background:rgba(34,197,94,.05)}section[data-page=integration] .status-card .status-checks .status-check-item.failed{border-left-color:#ef4444;background:rgba(239,68,68,.05)}section[data-page=integration] .status-card .status-checks .status-check-item .check-icon{width:40px;height:40px;border-radius:50%;background:rgba(107,114,128,.1);display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#6b7280;font-size:1.2rem;border:2px solid #6b7280;flex-shrink:0}.completed section[data-page=integration] .status-card .status-checks .status-check-item .check-icon{background:rgba(34,197,94,.1);border-color:#22c55e;color:#22c55e}.failed section[data-page=integration] .status-card .status-checks .status-check-item .check-icon{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}section[data-page=integration] .status-card .status-checks .status-check-item .check-content{flex:1}section[data-page=integration] .status-card .status-checks .status-check-item .check-content .check-title{font-weight:600;color:#fff;margin-bottom:.25rem}section[data-page=integration] .status-card .status-checks .status-check-item .check-content .check-description{font-size:.875rem;color:#d1d5db}section[data-page=integration] .status-card .status-checks .status-check-item .check-status .badge{font-size:.75rem;padding:.25rem .5rem}section[data-page=integration] .status-card .status-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #4a5568}section[data-page=integration] .config-card .config-options .config-group{margin-bottom:1.5rem}section[data-page=integration] .config-card .config-options .config-group .form-label{font-weight:600;color:#e2e8f0;margin-bottom:.5rem}section[data-page=integration] .config-card .config-options .config-group .form-select,section[data-page=integration] .config-card .config-options .config-group .form-control{background:#475569;border:1px solid #6b7280;color:#fff}section[data-page=integration] .config-card .config-options .config-group .form-select:focus,section[data-page=integration] .config-card .config-options .config-group .form-control:focus{background:#475569;border-color:#3b82f6;box-shadow:0 0 0 .2rem rgba(59,130,246,.25);color:#fff}section[data-page=integration] .config-card .config-options .config-group .range-input{display:flex;align-items:center;gap:1rem}section[data-page=integration] .config-card .config-options .config-group .range-input .form-range{flex:1}section[data-page=integration] .config-card .config-options .config-group .range-input .range-value{font-weight:600;color:#3b82f6;min-width:3rem;text-align:center}section[data-page=integration] .config-card .config-options .config-group .form-check .form-check-input:checked{background-color:#3b82f6;border-color:#3b82f6}section[data-page=integration] .config-card .config-options .config-group .form-check .form-check-input:focus{box-shadow:0 0 0 .2rem rgba(59,130,246,.25)}section[data-page=integration] .config-card .config-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #4a5568}section[data-page=integration] .spinner-border{width:1.5rem;height:1.5rem}@media(max-width: 768px){section[data-page=integration] .integration-header .header-actions{width:100%;margin-top:1rem}section[data-page=integration] .integration-header .header-actions .btn{flex:1}section[data-page=integration] .language-grid{grid-template-columns:1fr}section[data-page=integration] .quickstart-steps .step-item{padding:1rem}section[data-page=integration] .quickstart-steps .step-item .step-number{width:35px;height:35px;margin-right:1rem}section[data-page=integration] .quickstart-navigation{flex-direction:column}section[data-page=integration] .quickstart-navigation .btn{width:100%}section[data-page=integration] .status-actions,section[data-page=integration] .config-actions{flex-direction:column}section[data-page=integration] .status-actions .btn,section[data-page=integration] .config-actions .btn{width:100%}section[data-page=integration] .modal-dialog{margin:1rem}section[data-page=integration] .modal-body{padding:1.5rem}}@media(max-width: 576px){section[data-page=integration] .language-option{flex-direction:column;text-align:center;gap:.75rem}section[data-page=integration] .language-option .language-icon{margin:0 auto}section[data-page=integration] .step-item{flex-direction:column;text-align:center}section[data-page=integration] .step-item .step-number{margin:0 auto 1rem auto}section[data-page=integration] .resource-item{flex-direction:column;text-align:center;gap:.75rem}section[data-page=integration] .resource-item .resource-icon{margin:0 auto}section[data-page=integration] .status-check-item{flex-direction:column;text-align:center;gap:.75rem}section[data-page=integration] .status-check-item .check-icon{margin:0 auto}}html,body{color:#f9fafb;background:#0f172a;overflow-x:hidden}p,span,div,label{color:inherit}h1,h2,h3,h4,h5,h6{color:#fff}.text-muted{color:#9ca3af !important}small,.small{color:#cbd5e1 !important}[aria-busy]{--loading-size: 20px;--loading-stroke: 2px;--loading-duration: 1s;position:relative;opacity:.75;pointer-events:none}[aria-busy]:before{content:"";position:absolute;top:50%;left:50%;width:var(--loading-size);height:var(--loading-size);margin-top:calc(var(--loading-size)/2*-1);margin-left:calc(var(--loading-size)/2*-1);border:var(--loading-stroke) solid rgba(255,255,255,.3);border-radius:50%;border-top-color:rgba(255,255,255,.8);animation:rotate calc(var(--loading-duration)) linear infinite;z-index:1}@keyframes rotate{100%{transform:rotate(360deg)}}[aria-busy] .btn-text{opacity:0}