@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@400;700&display=swap');* {scroll-behavior: smooth;box-sizing: border-box;margin: 0;padding: 0;}body {font-family: 'Inter', sans-serif;background: linear-gradient(135deg, #1b2838 0%, #0d1419 100%);color: #c2d1e2;min-height: 100vh;position: relative;overflow-x: hidden;}body::before {content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: radial-gradient(circle at 20% 50%, rgba(102, 192, 244, 0.03) 0%, transparent 50%), radial-gradient(circle at 80% 80%, rgba(92, 126, 16, 0.02) 0%, transparent 50%);pointer-events: none;z-index: 0;}#app {position: relative;z-index: 1;}.panel-bg {background: linear-gradient(145deg, #171a21 0%, #0f1216 100%);box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 0 40px rgba(102, 192, 244, 0.05);border: 1px solid rgba(102, 192, 244, 0.1);transition: all 0.3s ease;}.panel-bg:hover {box-shadow: 0 6px 30px rgba(0, 0, 0, 0.8), 0 0 60px rgba(102, 192, 244, 0.08);}.steam-message-agent {background: linear-gradient(135deg, #3b719f 0%, #2d5a7f 100%);color: #ffffff;padding: 1rem;border-radius: 0.5rem;margin-bottom: 0.75rem;box-shadow: 0 2px 8px rgba(59, 113, 159, 0.3);border: 1px solid rgba(102, 192, 244, 0.2);animation: slideInLeft 0.4s ease-out;}@keyframes slideInLeft {from {opacity: 0;transform: translateX(-30px);}to {opacity: 1;transform: translateX(0);}}@keyframes slideInRight {from {opacity: 0;transform: translateX(30px);}to {opacity: 1;transform: translateX(0);}}.steam-message-user {background: linear-gradient(135deg, #272a31 0%, #1e2127 100%);color: #c2d1e2;padding: 1rem;border-radius: 0.5rem;border-left: 4px solid #66c0f4;margin-bottom: 0.75rem;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);animation: slideInRight 0.4s ease-out;}.steam-message-header {font-size: 0.875rem;color: #92b0c9;margin-bottom: 0.5rem;border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding-bottom: 0.5rem;font-family: 'JetBrains Mono', monospace;}.steam-message-signature {margin-top: 1rem;font-size: 0.875rem;font-weight: 600;opacity: 0.9;}.action-button {transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border-radius: 0.5rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);border: 2px solid transparent;position: relative;overflow: hidden;cursor: pointer;}.action-button::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.1);transform: translate(-50%, -50%);transition: width 0.6s, height 0.6s;}.action-button:hover::before {width: 300px;height: 300px;}.action-button:hover {transform: translateY(-2px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4), 0 0 20px currentColor;}.action-button:active {transform: translateY(0);opacity: 0.9;}.action-ban-ip {background: linear-gradient(135deg, #b22d2d 0%, #8b1414 100%);border-color: #ff4444;}.action-ban-ip:hover {background: linear-gradient(135deg, #cc3333 0%, #b22d2d 100%);box-shadow: 0 0 30px rgba(178, 45, 45, 0.6);}.action-steal-skins {background: linear-gradient(135deg, #6a408c 0%, #4a2e5c 100%);border-color: #9966cc;}.action-steal-skins:hover {background: linear-gradient(135deg, #8453ae 0%, #6a408c 100%);box-shadow: 0 0 30px rgba(106, 64, 140, 0.6);}.action-lose-ticket {background: linear-gradient(135deg, #a38947 0%, #6b5a32 100%);border-color: #d4af37;}.action-lose-ticket:hover {background: linear-gradient(135deg, #c7a752 0%, #a38947 100%);box-shadow: 0 0 30px rgba(163, 137, 71, 0.6);}.action-reset-rank {background: linear-gradient(135deg, #ba7e3c 0%, #7a5937 100%);border-color: #ff9933;}.action-reset-rank:hover {background: linear-gradient(135deg, #d69446 0%, #ba7e3c 100%);box-shadow: 0 0 30px rgba(186, 126, 60, 0.6);}.action-promote-gambling {background: linear-gradient(135deg, #5c7e10 0%, #4c6e0e 100%);border-color: #7fb800;}.action-promote-gambling:hover {background: linear-gradient(135deg, #6e9319 0%, #5c7e10 100%);box-shadow: 0 0 30px rgba(92, 126, 16, 0.6);}.btn-send-reply {background: linear-gradient(135deg, #5c7e10 0%, #4c6e0e 100%);border-color: #7fb800;}.btn-send-reply:hover {background: linear-gradient(135deg, #6e9319 0%, #5c7e10 100%);box-shadow: 0 0 20px rgba(92, 126, 16, 0.5);transform: translateY(-2px);}.toast-enter {animation: slide-in 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;}.toast-exit {animation: fade-out 0.5s forwards;}@keyframes slide-in {from {transform: translateX(100%);opacity: 0;}to {transform: translateX(0);opacity: 1;}}@keyframes fade-out {from {opacity: 1;}to {opacity: 0;}}.steam-scrollbar::-webkit-scrollbar {width: 10px;}.steam-scrollbar::-webkit-scrollbar-track {background: #1b2838;border-radius: 10px;}.steam-scrollbar::-webkit-scrollbar-thumb {background: linear-gradient(180deg, #3d6790 0%, #2a475e 100%);border-radius: 10px;border: 2px solid #1b2838;}.steam-scrollbar::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #66c0f4 0%, #3d6790 100%);box-shadow: 0 0 10px rgba(102, 192, 244, 0.5);}.tab-button {padding: 0.75rem 1.5rem;color: #c2d1e2;border-bottom: 3px solid transparent;font-weight: 600;transition: all 0.3s;position: relative;background: none;border-top: none;border-left: none;border-right: none;cursor: pointer;}.tab-button::after {content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background: linear-gradient(90deg, transparent, #66c0f4, transparent);transform: translateX(-50%);transition: width 0.3s;}.tab-button:hover::after {width: 100%;}.tab-button.active {color: #66c0f4;border-bottom-color: #66c0f4;text-shadow: 0 0 10px rgba(102, 192, 244, 0.5);}.tab-button:hover:not(.active) {color: #ffffff;background: rgba(102, 192, 244, 0.05);}.data-label {color: #7a8d9b;font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600;}.log-table {width: 100%;}.log-table th, .log-table td {padding: 0.5rem 0.75rem;white-space: nowrap;border-bottom: 1px solid #2a475e;font-size: 0.85rem;}.log-table th {text-align: left;color: #92b0c9;font-weight: 700;background: rgba(102, 192, 244, 0.05);}.log-table tbody tr {transition: all 0.2s;}.log-table tbody tr:hover {background-color: #2a475e;box-shadow: inset 0 0 10px rgba(102, 192, 244, 0.1);}pre {background: linear-gradient(135deg, #272a31 0%, #1e2127 100%);padding: 1rem;border-radius: 0.5rem;border: 1px solid #3d6790;overflow-x: auto;white-space: pre-wrap;word-break: break-all;font-size: 0.8rem;color: #c0c0c0;font-family: 'JetBrains Mono', monospace;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3);}textarea, input[type="text"], input[type="checkbox"] {font-family: inherit;}textarea, input[type="text"] {background: linear-gradient(135deg, #272a31 0%, #1e2127 100%);border: 2px solid #3d6790;color: #c2d1e2;transition: all 0.3s;}textarea:focus, input[type="text"]:focus {border-color: #66c0f4;box-shadow: 0 0 0 3px rgba(102, 192, 244, 0.2), 0 0 20px rgba(102, 192, 244, 0.3);outline: none;}.modal-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.85);backdrop-filter: blur(8px);z-index: 9998;display: flex;align-items: center;justify-content: center;animation: fadeIn 0.3s ease-out;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}@keyframes modalSlideIn {from {transform: translateY(-50px) scale(0.9);opacity: 0;}to {transform: translateY(0) scale(1);opacity: 1;}}.modal-overlay.closing {animation: fadeOut 0.3s ease-out forwards;}.account-alert-container {background: linear-gradient(135deg, #272a31 0%, #1e2127 100%);border: 2px solid #a01a1d;border-radius: 0.5rem;overflow: hidden;max-width: 700px;width: 90%;position: relative;z-index: 9999;box-shadow: 0 20px 60px rgba(160, 26, 29, 0.6), 0 0 100px rgba(160, 26, 29, 0.3);animation: modalSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), alertPulse 2s 0.4s infinite;}@keyframes alertPulse {0%, 100% {box-shadow: 0 20px 60px rgba(160, 26, 29, 0.6), 0 0 100px rgba(160, 26, 29, 0.3);}50% {box-shadow: 0 20px 70px rgba(160, 26, 29, 0.8), 0 0 120px rgba(160, 26, 29, 0.5);}}.account-alert-header {background: linear-gradient(135deg, #a01a1d 0%, #7a1316 100%);color: #ffffff;padding: 1rem 1.5rem;font-weight: 700;font-size: 0.95rem;display: flex;justify-content: space-between;align-items: center;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);}.account-alert-header button {background: none;border: none;cursor: pointer;padding: 0.25rem;}.account-alert-content {padding: 1.5rem;color: #c2d1e2;font-size: 0.875rem;line-height: 1.6;max-height: 60vh;overflow-y: auto;}.account-alert-content h3 {font-size: 1.2rem;font-weight: 700;margin-bottom: 1rem;color: #ff6b6b;text-shadow: 0 0 10px rgba(255, 107, 107, 0.3);}.account-alert-content p {margin-bottom: 0.75rem;}.account-alert-content a {color: #66c0f4;text-decoration: none;transition: all 0.2s;}.account-alert-content a:hover {color: #92d0ff;text-decoration: underline;text-shadow: 0 0 10px rgba(102, 192, 244, 0.5);}.account-alert-actions {background: linear-gradient(135deg, #171a21 0%, #0f1216 100%);padding: 1rem 1.5rem;display: flex;justify-content: flex-end;align-items: center;border-top: 1px solid #2a475e;gap: 1rem;}.account-alert-actions button {background: linear-gradient(135deg, #4a6681 0%, #3d5570 100%);color: #ffffff;padding: 0.6rem 1.5rem;border-radius: 0.5rem;transition: all 0.3s;font-weight: 600;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);border: none;cursor: pointer;}.account-alert-actions button:hover {background: linear-gradient(135deg, #5b7da0 0%, #4a6681 100%);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(74, 102, 129, 0.4);}.account-alert-actions input[type="checkbox"] {width: 18px;height: 18px;cursor: pointer;accent-color: #66c0f4;}.account-alert-actions label {font-size: 0.8rem;color: #92b0c9;cursor: pointer;display: flex;align-items: center;gap: 0.5rem;}footer a {transition: all 0.2s ease;}footer a:hover {text-shadow: 0 0 10px currentColor;}.hidden {display: none !important;}.block {display: block;}.inline {display: inline;}.inline-block {display: inline-block;}.flex {display: flex;}.inline-flex {display: inline-flex;}.grid {display: grid;}.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}.flex-wrap {flex-wrap: wrap;}.items-start {align-items: flex-start;}.items-center {align-items: center;}.items-end {align-items: flex-end;}.justify-start {justify-content: flex-start;}.justify-center {justify-content: center;}.justify-end {justify-content: flex-end;}.justify-between {justify-content: space-between;}.flex-grow {flex-grow: 1;}.flex-shrink-0 {flex-shrink: 0;}.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}.gap-1 {gap: 0.25rem;}.gap-2 {gap: 0.5rem;}.gap-3 {gap: 0.75rem;}.gap-4 {gap: 1rem;}.gap-5 {gap: 1.25rem;}.gap-6 {gap: 1.5rem;}.gap-8 {gap: 2rem;}.gap-x-6 {column-gap: 1.5rem;}.gap-y-3 {row-gap: 0.75rem;}.p-0 {padding: 0;}.p-3 {padding: 0.75rem;}.p-4 {padding: 1rem;}.p-5 {padding: 1.25rem;}.p-6 {padding: 1.5rem;}.p-8 {padding: 2rem;}.px-3 {padding-left: 0.75rem;padding-right: 0.75rem;}.px-4 {padding-left: 1rem;padding-right: 1rem;}.px-6 {padding-left: 1.5rem;padding-right: 1.5rem;}.py-1 {padding-top: 0.25rem;padding-bottom: 0.25rem;}.py-3 {padding-top: 0.75rem;padding-bottom: 0.75rem;}.py-4 {padding-top: 1rem;padding-bottom: 1rem;}.pt-3 {padding-top: 0.75rem;}.pt-4 {padding-top: 1rem;}.pb-1 {padding-bottom: 0.25rem;}.pb-3 {padding-bottom: 0.75rem;}.m-0 {margin: 0;}.m-auto {margin: auto;}.mx-auto {margin-left: auto;margin-right: auto;}.my-6 {margin-top: 1.5rem;margin-bottom: 1.5rem;}.mt-1 {margin-top: 0.25rem;}.mt-2 {margin-top: 0.5rem;}.mt-3 {margin-top: 0.75rem;}.mt-4 {margin-top: 1rem;}.mt-6 {margin-top: 1.5rem;}.mt-16 {margin-top: 4rem;}.mb-1 {margin-bottom: 0.25rem;}.mb-2 {margin-bottom: 0.5rem;}.mb-3 {margin-bottom: 0.75rem;}.mb-4 {margin-bottom: 1rem;}.mb-6 {margin-bottom: 1.5rem;}.mb-8 {margin-bottom: 2rem;}.mb-10 {margin-bottom: 2.5rem;}.ml-2 {margin-left: 0.5rem;}.ml-3 {margin-left: 0.75rem;}.ml-4 {margin-left: 1rem;}.ml-auto {margin-left: auto;}.mr-1 {margin-right: 0.25rem;}.mr-2 {margin-right: 0.5rem;}.mr-3 {margin-right: 0.75rem;}.w-2 {width: 0.5rem;}.w-4 {width: 1rem;}.w-5 {width: 1.25rem;}.w-6 {width: 1.5rem;}.w-10 {width: 2.5rem;}.w-64 {width: 16rem;}.w-80 {width: 20rem;}.w-full {width: 100%;}.w-auto {width: auto;}.max-w-4xl {max-width: 56rem;}.max-w-7xl {max-width: 80rem;}.max-w-\[1800px\] {max-width: 1800px;}.min-w-full {min-width: 100%;}.h-2 {height: 0.5rem;}.h-5 {height: 1.25rem;}.h-48 {height: 12rem;}.h-64 {height: 16rem;}.h-96 {height: 24rem;}.h-full {height: 100%;}.min-h-full {min-height: 100%;}.max-h-60 {max-height: 15rem;}.relative {position: relative;}.absolute {position: absolute;}.fixed {position: fixed;}.inset-0 {top: 0;right: 0;bottom: 0;left: 0;}.top-0 {top: 0;}.bottom-0 {bottom: 0;}.bottom-5 {bottom: 1.25rem;}.right-5 {right: 1.25rem;}.z-0 {z-index: 0;}.z-1 {z-index: 1;}.z-10 {z-index: 10;}.z-50 {z-index: 50;}.text-left {text-align: left;}.text-center {text-align: center;}.text-xs {font-size: 0.75rem;line-height: 1rem;}.text-sm {font-size: 0.875rem;line-height: 1.25rem;}.text-lg {font-size: 1.125rem;line-height: 1.75rem;}.text-xl {font-size: 1.25rem;line-height: 1.75rem;}.text-2xl {font-size: 1.5rem;line-height: 2rem;}.text-3xl {font-size: 1.875rem;line-height: 2.25rem;}.text-5xl {font-size: 3rem;line-height: 1;}.font-normal {font-weight: 400;}.font-semibold {font-weight: 600;}.font-bold {font-weight: 700;}.font-extrabold {font-weight: 800;}.font-mono {font-family: 'JetBrains Mono', monospace;}.uppercase {text-transform: uppercase;}.tracking-wider {letter-spacing: 0.05em;}.leading-relaxed {line-height: 1.625;}.whitespace-pre-wrap {white-space: pre-wrap;}.whitespace-nowrap {white-space: nowrap;}.text-transparent {color: transparent;}.text-white {color: #ffffff;}.text-gray-300 {color: #d1d5db;}.text-gray-400 {color: #9ca3af;}.text-red-300 {color: #fca5a5;}.text-red-400 {color: #f87171;}.text-red-500 {color: #ef4444;}.text-yellow-300 {color: #fcd34d;}.text-yellow-400 {color: #fbbf24;}.text-orange-300 {color: #fdba74;}.text-orange-400 {color: #fb923c;}.text-green-300 {color: #86efac;}.text-green-400 {color: #4ade80;}.text-purple-400 {color: #c084fc;}.text-\[#66c0f4\] {color: #66c0f4;}.text-\[#92b0c9\] {color: #92b0c9;}.text-\[#7a8d9b\] {color: #7a8d9b;}.text-\[#c2d1e2\] {color: #c2d1e2;}.bg-green-600 {background-color: #16a34a;}.bg-red-600 {background-color: #dc2626;}.bg-yellow-600 {background-color: #ca8a04;}.bg-\[#a01a1d\] {background-color: #a01a1d;}.bg-\[#1b2838\] {background-color: #1b2838;}.bg-\[#171a21\] {background-color: #171a21;}.bg-\[#272a31\] {background-color: #272a31;}.bg-green-400 {background-color: #4ade80;}.bg-clip-text {-webkit-background-clip: text;background-clip: text;}.bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops));}.bg-gradient-to-br {background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));}.from-\[#66c0f4\] {--tw-gradient-from: #66c0f4;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(102, 192, 244, 0));}.to-\[#92b0c9\] {--tw-gradient-to: #92b0c9;}.from-\[#1b2838\] {--tw-gradient-from: #1b2838;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(27, 40, 56, 0));}.to-\[#0d1419\] {--tw-gradient-to: #0d1419;}.from-\[#272a31\] {--tw-gradient-from: #272a31;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(39, 42, 49, 0));}.to-\[#1e2127\] {--tw-gradient-to: #1e2127;}.border {border-width: 1px;}.border-2 {border-width: 2px;}.border-4 {border-width: 4px;}.border-t {border-top-width: 1px;}.border-b {border-bottom-width: 1px;}.border-l-4 {border-left-width: 4px;}.rounded {border-radius: 0.25rem;}.rounded-lg {border-radius: 0.5rem;}.rounded-full {border-radius: 9999px;}.border-\[#2a475e\] {border-color: #2a475e;}.border-\[#3d6790\] {border-color: #3d6790;}.border-green-400 {border-color: #4ade80;}.border-red-400 {border-color: #f87171;}.border-yellow-400 {border-color: #fbbf24;}.shadow-lg {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}.shadow-xl {box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);}.shadow-2xl {box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.shadow-inner {box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);}.opacity-10 {opacity: 0.1;}.opacity-30 {opacity: 0.3;}.opacity-90 {opacity: 0.9;}.overflow-hidden {overflow: hidden;}.overflow-x-auto {overflow-x: auto;}.overflow-y-auto {overflow-y: auto;}.overflow-y-scroll {overflow-y: scroll;}.cursor-pointer {cursor: pointer;}.transition {transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.transition-all {transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms;}.duration-200 {transition-duration: 200ms;}.duration-300 {transition-duration: 300ms;}.hover\:bg-\[#cc3333\]:hover {background-color: #cc3333;}.hover\:text-gray-300:hover {color: #d1d5db;}.hover\:text-\[#92d0ff\]:hover {color: #92d0ff;}.hover\:border-\[#66c0f4\]:hover {border-color: #66c0f4;}.hover\:shadow-lg:hover {box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);}.hover\:shadow-2xl:hover {box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);}.hover\:from-\[#3d6790\]:hover {--tw-gradient-from: #3d6790;}.hover\:to-\[#2a475e\]:hover {--tw-gradient-to: #2a475e;}.animate-pulse {animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;}.animate-bounce {animation: bounce 1s infinite;}@keyframes pulse {0%, 100% {opacity: 1;}50% {opacity: 0.5;}}@keyframes bounce {0%, 100% {transform: translateY(-25%);animation-timing-function: cubic-bezier(0.8, 0, 1, 1);}50% {transform: translateY(0);animation-timing-function: cubic-bezier(0, 0, 0.2, 1);}}.space-y-3 > * + * {margin-top: 0.75rem;}.space-y-4 > * + * {margin-top: 1rem;}.space-y-6 > * + * {margin-top: 1.5rem;}@media (min-width: 640px) {.sm\:p-8 {padding: 2rem;}.sm\:text-3xl {font-size: 1.875rem;line-height: 2.25rem;}.sm\:text-5xl {font-size: 3rem;line-height: 1;}}@media (min-width: 768px) {.md\:grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}.md\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}.md\:grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}}@media (min-width: 1024px) {.lg\:col-span-1 {grid-column: span 1 / span 1;}.lg\:col-span-2 {grid-column: span 2 / span 2;}.lg\:grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}}