html,body{height:100%;background-color:#f8f9fa!important;color:#202124!important;font-size:14px!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;}
.main{display:flex;flex-direction:column;height:100%;}
.main-content{flex:1 0 auto;}
.background{position:fixed;top:0;left:0;width:100%;height:100%;background:#f8f9fa!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://w3.org' id='noiseFilter'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.025'/%3E%3C/svg%3E")!important;opacity:1!important;z-index:-1;}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.4)!important;backdrop-filter:blur(2px);z-index:-1;}
@media(min-width:1200px){.container{max-width:960px!important;}}
@media(min-width:1400px){.container{max-width:1040px!important;}}
header{background:rgba(255,255,255,0.75)!important;border-bottom:1px solid #e0e0e0!important;backdrop-filter:blur(10px);margin-bottom:30px!important;}
.header-nav-block{background:rgba(0,0,0,0.03)!important;border:1px solid rgba(0,0,0,0.05)!important;border-radius:12px;backdrop-filter:blur(4px);transition:all 0.3s ease;}
.header-nav-block:hover{background:rgba(0,0,0,0.05)!important;border-color:rgba(0,0,0,0.1)!important;}
@media(max-width:991.98px){.custom-header-grid{gap:0.5rem;}}
.content-title{font-size:2.2em;color:#202124!important;border-bottom:1px solid #e8eaed!important;margin-bottom:0.7em;}
.top-welcome-text h1{font-size:24px;}
.modal .button-close{background:unset;border:none;color:#202124;cursor:pointer;}
.modal .button-close:hover{opacity:0.7;}
.modal-preloader{position:fixed;inset:0;background:rgba(0,0,0,0.4);z-index:2000;display:flex;align-items:center;justify-content:center;}
.games-menu a{background:#f1f3f4!important;color:#3c4043!important;border:1px solid #dadce0!important;padding:0.5em;display:inline-block;text-decoration:none;border-radius:6px;transition:background 0.2s;}
.games-menu a.active{background:#ffffff!important;color:#1a73e8!important;border-bottom-color:transparent!important;}
.games-menu a:hover{opacity:0.7;}
select option{background:#ffffff;color:#202124;}
.form-control::placeholder{color:#a1a1a1!important;}
.server-info .fa-thumbs-down{color:#c5221f;}
.server-info .fa-thumbs-up{color:#137333;}
.server-info .status-online{background:#e6f4ea!important;color:#137333!important;border:1px solid #ceead6!important;padding:0.2em 0.4em;border-radius:0.25em;}
.server-info .status-offline{background:#fce8e6!important;color:#c5221f!important;border:1px solid #fad2cf!important;padding:0.2em 0.4em;border-radius:0.25em;}
.btn-modern{position:relative;display:inline-flex;align-items:center;justify-content:center;background:#ffffff!important;border:1px solid #dadce0!important;color:#3c4043!important;text-decoration:none;font-weight:500;font-size:13px;border-radius:8px;overflow:hidden;transition:all 0.2s ease;cursor:pointer;}
.btn-modern:hover{background:#f1f3f4!important;color:#202124!important;border-color:#bdc1c6!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.btn-brand{background:linear-gradient(135deg,#1a73e8 0%,#1557b0 100%)!important;color:#ffffff!important;border:none!important;}
.btn-brand:hover{box-shadow:0 2px 6px rgba(26,115,232,0.3)!important;}
.btn-priority-high{background:#e8f0fe!important;color:#1a73e8!important;border-color:#d2e3fc!important;}
.btn-priority-high:hover{background:#1a73e8!important;color:#ffffff!important;}
.btn-add-server{background:#e6f4ea!important;color:#137333!important;border-color:#ceead6!important;border-radius:8px;}
.btn-add-server:hover{background:#137333!important;color:#ffffff!important;}
.top-servers-section{width:100%;display:block;position:relative;z-index:10;}
.modern-server-card{background:#ffffff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;overflow:visible!important;box-shadow:0 1px 3px rgba(0,0,0,0.02)!important;transition:transform 0.2s ease,box-shadow 0.2s ease!important;display:flex;flex-direction:column;height:100%;position:relative!important;}
.modern-server-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,0.05)!important;border-color:#cbd5e1!important;z-index:15;}
.card-media-block{position:relative;width:100%;height:115px;overflow:visible!important;background:#f1f5f9;z-index:1;}
.media-link{display:block;width:100%;height:100%;position:relative;z-index:2;}
.map-preview-img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;}
.modern-server-card:hover .map-preview-img{transform:scale(1.05);}
.server-status-badge{position:absolute;top:6px;left:6px;z-index:5;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;background:rgba(15,23,42,0.65)!important;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,0.1);color:#ffffff!important;}
.map-name-overlay{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);z-index:4;background:rgba(15,23,42,0.65);backdrop-filter:blur(4px);color:rgba(255,255,255,0.95)!important;padding:2px 10px;border-radius:12px;font-size:10px;font-weight:500;max-width:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,0.1);}
.map-name-overlay.buying-call{background:rgba(26,115,232,0.75);font-weight:600;letter-spacing:0.3px;}
.map-sale-placeholder{width:100%;height:100%;background-color:#0f172a!important;background-image:linear-gradient(rgba(26,115,232,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(26,115,232,0.1) 1px,transparent 1px)!important;background-size:12px 12px!important;display:flex;align-items:center;justify-content:center;position:relative;}
.sale-banner-text{font-size:11px!important;font-weight:800!important;letter-spacing:3px!important;color:#1a73e8!important;background:rgba(26,115,232,0.08)!important;border:1px solid rgba(26,115,232,0.25)!important;padding:4px 10px!important;border-radius:6px!important;text-transform:uppercase;animation:premiumPulse 2s infinite ease-in-out;}
.card-content-block{padding:8px 10px 10px 10px;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;}
.server-card-hostname{font-size:calc(11px + 0.15vw)!important;font-weight:600!important;line-height:1.2!important;margin-bottom:6px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;height:auto!important;display:block!important;}
.server-card-hostname a{color:#1e293b!important;text-decoration:none!important;}
.server-card-hostname a:hover{color:#1a73e8!important;}
.server-card-hostname[style] a:hover{filter:brightness(1.2)!important;text-decoration:underline!important;}
.pay-select .card.active{background:#ffffff!important;border:2px solid #1a73e8!important;}
.pay-select .colors .radio-tile,.pay-select .top-place .radio-tile{display:none;}
.pay-select .colors .radio-tile-label{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:4px;cursor:pointer;transition:transform 0.2s ease-in-out;color:white;font-weight:bold;text-align:center;}
.pay-select .colors .radio-tile:checked+.radio-tile-label{transform:scale(1.1);border:3px solid #000;}
.pay-select .top-place .radio-tile-label{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:5px;cursor:pointer;transition:transform 0.2s ease-in-out;color:#3c4043;font-weight:bold;text-align:center;background-color:#f1f3f4;border:1px solid #dadce0;}
.pay-select .top-place .radio-tile:checked+.radio-tile-label{transform:scale(1.1);border:2px solid #1a73e8!important;background-color:#ffffff;color:#1a73e8;}
.user-refill .card{color:#202124;}
.user-refill .payment-method-card{cursor:pointer;transition:all 0.2s ease;border:1px solid #dadce0;}
.user-refill .payment-method-card:hover{transform:translateY(-2px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.05);border-color:#bdc1c6;}
.user-refill #submit-btn:disabled{opacity:0.65;cursor:not-allowed;}
.user-refill .invalid-feedback{position:absolute;top:100%;left:0;width:100%;z-index:1;}
.servers-list{position:relative;z-index:5;}
.row-media-block{position:relative!important;width:140px;height:75px;border-radius:8px;overflow:visible!important;background:#f1f5f9;flex-shrink:0;z-index:1;}
.row-map-img{width:100%;height:100%;object-fit:cover;}
.row-map-noise-placeholder,.map-noise-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)!important;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://w3.org' id='noiseFilter'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.04'/%3E%3C/svg%3E")!important;}
.row-players-badge{position:absolute;top:4px;left:4px;z-index:5;background:rgba(15,23,42,0.6);backdrop-filter:blur(4px);color:#ffffff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;}
.row-players-badge .separator{color:rgba(255,255,255,0.4);margin:0 1px;}
.row-players-badge .max{opacity:0.8;font-size:9px;}
.row-info-block{display:flex;flex-direction:column;gap:4px;flex-grow:1;min-width:0;}
.row-hostname{font-size:15px;font-weight:600;color:#0f172a!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.row-hostname:hover{color:#1a73e8!important;}
.modern-address-click,.modern-table-address{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9!important;border:1px solid #e2e8f0!important;padding:4px 10px;border-radius:6px;font-weight:600;font-size:11px;font-family:monospace;color:#475569!important;cursor:pointer;transition:all 0.15s ease;width:max-content;max-width:100%;}
.modern-address-click:hover,.modern-table-address:hover{background:#e2e8f0!important;border-color:#cbd5e1!important;color:#1e293b!important;}
.modern-address-click.copied,.modern-table-address.copied{background:#e6f4ea!important;border-color:#34a853!important;color:#137333!important;}
.copy-indicator{font-size:10px;opacity:0.5;}
.modern-address-display.empty-slot{font-size:11px;font-weight:600;color:#94a3b8!important;text-align:center;padding:5px 0;}
.row-services-rating-wrapper{flex-shrink:0;}
.service-badge{font-size:10px;font-weight:800;padding:3px 6px;border-radius:4px;letter-spacing:0.5px;cursor:help;transition:transform 0.15s ease;display:inline-block;}
.service-badge:hover{transform:translateY(-1px);}
.service-badge.s-top{background:#e8f0fe!important;color:#1a73e8!important;border:1px solid #d2e3fc!important;}
.service-badge.s-boost{background:#fce8e6!important;color:#c5221f!important;border:1px solid #fad2cf!important;}
.service-badge.s-menu{background:#e6f4ea!important;color:#137333!important;border:1px solid #ceead6!important;}
.service-badge.s-vip{background:#fef7e0!important;color:#b06000!important;border:1px solid #feefc3!important;}
.row-rating-block{flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;min-width:70px;}
.modern-upvote-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all 0.2s ease;min-width:54px;}
.modern-upvote-btn:hover {background:#e8f0fe;border-color:#d2e3fc;transform:translateY(-1px);}
.modern-upvote-btn:hover .upvote-icon{color:#1a73e8;transform:translateY(-1px);}
.upvote-icon{font-size:11px;color:#64748b;transition:transform 0.15s ease,color 0.15s ease;}
.upvote-count{font-size:12px;font-weight:700;color:#1e293b;}
.btn-loader{position:relative;display:inline-flex;align-items:center;justify-content:center;}
.btn-loader .loader{display:inline-block;width:11px;height:11px;border:3px solid #f3f3f3;border-top:3px solid #1a73e8;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px;}
@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
@media(max-width:767.98px){.row-services-rating-wrapper{width:100%;justify-content:space-between;margin-top:4px;}}
@media(max-width:575.98px){.server-row-card{flex-direction:column;align-items:stretch;gap:12px;padding:10px!important;}.row-media-block{width:100%;height:100px;}.row-rating-block{justify-content:flex-start;}.modern-upvote-btn{flex-direction:row;gap:8px;padding:6px 16px;width:100%;justify-content:center;}}
.pagination-wrapper{display:flex;justify-content:center;width:100%;}
.modern-pagination.bootstrap-override{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;background:#ffffff!important;border:1px solid #e2e8f0!important;padding:6px 12px!important;border-radius:30px!important;box-shadow:0 1px 3px rgba(0,0,0,0.02)!important;}
.modern-pagination.bootstrap-override ul,.modern-pagination.bootstrap-override li{display:contents!important;list-style:none!important;padding:0!important;margin:0!important;background:none!important;border:none!important;}
.modern-pagination.bootstrap-override a,.modern-pagination.bootstrap-override span,.modern-pagination.bootstrap-override .page-link,.modern-pagination.bootstrap-override .page-item a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:34px!important;height:34px!important;padding:0 10px!important;font-size:13px!important;font-weight:600!important;color:#475569!important;text-decoration:none!important;border-radius:50%!important;border:none!important;background:transparent!important;box-shadow:none!important;margin:0!important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1)!important;cursor:pointer!important;}
.modern-pagination.bootstrap-override a:hover,.modern-pagination.bootstrap-override .page-link:hover{background:#f1f5f9!important;color:#0f172a!important;}
.modern-pagination.bootstrap-override .active a,.modern-pagination.bootstrap-override .active span,.modern-pagination.bootstrap-override .active,.modern-pagination.bootstrap-override span.current,.modern-pagination.bootstrap-override .page-item.active .page-link{background:#1a73e8!important;color:#ffffff!important;box-shadow:0 4px 10px rgba(26,115,232,0.25)!important;cursor:default!important;pointer-events:none!important;}
.modern-pagination.bootstrap-override .disabled,.modern-pagination.bootstrap-override .disabled .page-link,.modern-pagination.bootstrap-override .page-item.disabled .page-link{color:#cbd5e1!important;background:transparent!important;cursor:not-allowed!important;pointer-events:none!important;opacity:0.6!important;}
.footer{background:#f1f3f4!important;border-top:1px solid #e0e0e0!important;color:#5f6368!important;flex:0 0 auto;}
.footer h5{color:#202124!important;}
.footer a{color:#1a73e8!important;}
.footer div[style*="background-color"]{background-color:#e8eaed!important;color:#5f6368!important;}
html body [data-modern-tooltip]{position:relative!important;z-index:auto!important;}
html body [data-modern-tooltip]:hover{z-index:999999999!important;overflow:visible!important;}
html body [data-modern-tooltip]::after{content:attr(data-modern-tooltip)!important;position:absolute!important;bottom:100%!important;left:50%!important;transform:translateX(-50%) scale(0.9)!important;transform-origin:bottom center!important;background:rgba(15,23,42,0.98)!important;color:#ffffff!important;padding:6px 12px!important;font-size:12px!important;font-weight:500!important;line-height:1.4!important;border-radius:8px!important;white-space:nowrap!important;max-width:250px!important;text-align:center!important;z-index:999999999!important;box-shadow:0 10px 25px -5px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1)!important;opacity:0!important;pointer-events:none!important;transition:transform 0.1s cubic-bezier(0.175,0.885,0.32,1.15),opacity 0.1s ease!important;margin-bottom:8px!important;will-change:transform,opacity!important;}
html body [data-modern-tooltip]::before{content:''!important;position:absolute!important;bottom:100%!important;left:50%!important;transform:translateX(-50%)!important;border-width:6px 6px 0!important;border-style:solid!important;border-color:rgba(15,23,42,0.98) transparent transparent!important;z-index:999999999!important;opacity:0!important;pointer-events:none!important;transition:opacity 0.08s ease!important;margin-bottom:2px!important;will-change:opacity!important;}
html body [data-modern-tooltip]:hover::after{opacity:1!important;transform:translateX(-50%) scale(1)!important;}
html body [data-modern-tooltip]:hover::before{opacity:1!important;}
.an-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:rgba(15,23,42,0.6)!important;backdrop-filter:blur(8px)!important;display:none;justify-content:center!important;align-items:center!important;z-index:9999999!important;padding:20px!important;box-sizing:border-box!important;}
.an-modal-card{background:#ffffff!important;width:100%!important;max-width:650px!important;max-height:85vh!important;border-radius:16px!important;box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)!important;border:1px solid #e2e8f0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;animation:modalFadeIn 0.2s cubic-bezier(0.16,1,0.3,1)!important;}
@keyframes modalFadeIn{from{opacity:0;transform:scale(0.96) translateY(10px);}to{opacity:1;transform:scale(1) translateY(0);}}
.an-modal-header{padding:16px 24px!important;background:#f8fafc!important;border-bottom:1px solid #edf2f7!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-shrink:0!important;}
.an-modal-title{margin:0!important;font-size:18px!important;font-weight:700!important;color:#0f172a!important;line-height:1.4!important;}
.an-modal-close{background:none!important;border:none!important;font-size:28px!important;cursor:pointer!important;color:#94a3b8!important;transition:color 0.15s ease!important;line-height:1!important;padding:0!important;}
.an-modal-close:hover{color:#475569!important;}
.an-modal-body{padding:24px!important;overflow-y:auto!important;background:#ffffff!important;flex-grow:1!important;}
.an-summary-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin-bottom:20px!important;}
.an-summary-box{background:#f8fafc!important;border:1px solid #e2e8f0!important;padding:12px 8px!important;border-radius:10px!important;text-align:center!important;}
.an-summary-val{font-size:20px!important;font-weight:800!important;color:#1a73e8!important;line-height:1!important;}
.an-summary-lbl{font-size:11px!important;color:#64748b!important;margin-top:4px!important;font-weight:500!important;}
html body [style*="--server-custom-color"]{border-left:4px solid var(--server-custom-color)!important;}
html body .server-periods-container{display:flex!important;gap:4px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid #f1f5f9!important;width:100%!important;min-width:0!important;}
html body .period-btn{flex:1 1 0%!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:6px!important;padding:4px 2px!important;cursor:pointer!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;transition:all 0.15s ease!important;outline:none!important;min-width:0!important;max-width:100%!important;}
html body .period-btn:hover{background:#edf2f7!important;border-color:#cbd5e1!important;}
html body .period-btn .p-label{font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;color:#64748b!important;line-height:1!important;margin-bottom:2px!important;white-space:nowrap!important;display:block!important;padding:0!important;}
html body .period-btn .p-count{font-size:10px!important;font-weight:800!important;color:#0f172a!important;line-height:1!important;white-space:nowrap!important;display:block!important;padding:0!important;}
html body .period-btn:hover .p-label{color:#1e293b!important;}
html body .period-btn:hover .p-count{color:#1a73e8!important;}
.card-media-block .server-analytics-badge,.row-media-block .server-analytics-badge{position:absolute!important;top:6px!important;right:6px!important;left:auto!important;margin:0!important;z-index:10!important;padding:3px 8px!important;border-radius:4px!important;font-size:10px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;gap:5px!important;backdrop-filter:blur(4px)!important;transition:all 0.2s ease!important;cursor:pointer!important;}
.server-analytics-badge.live-active{background:#52c41a!important;color:#ffffff!important;border:1px solid rgba(255,255,255,0.4)!important;box-shadow:0 0 10px rgba(82,196,26,0.6)!important;animation:badgePulseGlow 1.5s infinite alternate!important;}
.server-analytics-badge.live-active .live-dot{width:6px!important;height:6px!important;background:#ffffff!important;border-radius:50%!important;display:inline-block!important;box-shadow:0 0 4px #ffffff!important;}
@keyframes badgePulseGlow{0%{box-shadow:0 0 4px rgba(82,196,26,0.4);transform:scale(1);}100%{box-shadow:0 0 12px rgba(82,196,26,0.8);transform:scale(1.03);}}
.server-analytics-badge.daily-active{background:rgba(15,23,42,0.75)!important;color:#ffffff!important;border:1px solid rgba(255,255,255,0.15)!important;}
.server-analytics-badge.empty-stats{background:rgba(148,163,184,0.3)!important;color:rgba(255,255,255,0.5)!important;border:1px solid rgba(255,255,255,0.05)!important;}
.server-analytics-badge:hover{transform:scale(1.05)!important;}
.server-analytics-badge.live-active:hover{background:#40a9ff!important;border-color:#40a9ff!important;}
.server-analytics-badge.daily-active:hover{background:#1a73e8!important;border-color:#1a73e8!important;}
.server-analytics-badge.empty-stats:hover{background:rgba(148,163,184,0.5)!important;}
.card-media-block,.row-media-block{overflow:visible!important;}
html body .server-analytics-badge[data-modern-tooltip]{position:absolute!important;z-index:10!important;overflow:visible!important;}
html body .server-analytics-badge[data-modern-tooltip]:hover{z-index:999999999!important;}
html body .server-analytics-badge[data-modern-tooltip]::after,html body .server-analytics-badge[data-modern-tooltip]::before{transform:translateX(-50%) scale(0.9)!important;transform-origin:bottom center!important;}
html body .server-analytics-badge[data-modern-tooltip]:hover::before{transform:translateX(-50%) scale(1)!important;}
html body .server-analytics-badge[data-modern-tooltip]:hover::after{transform:translateX(-50%) scale(1)!important;}
html body .server-analytics-badge[data-modern-tooltip]::after,html body .service-badge[data-modern-tooltip]::after,html body .modern-upvote-btn[data-modern-tooltip]::after{white-space:normal!important;width:max-content!important;min-width:160px!important;max-width:220px!important;line-height:1.3!important;text-align:center!important;}
html body .row-map-overlay[data-modern-tooltip]{position:absolute!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:rgba(15,23,42,0.7)!important;backdrop-filter:blur(4px)!important;color:rgba(255,255,255,0.95)!important;font-size:11px!important;font-weight:600!important;letter-spacing:0.3px!important;padding:5px 8px!important;text-align:center!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;z-index:4!important;box-sizing:border-box!important;}
html body .row-map-overlay[data-modern-tooltip]:hover{z-index:999999999!important;overflow:visible!important;}
html body .server-row-card{background:rgba(255,255,255,0.75)!important;backdrop-filter:blur(10px);border:1px solid rgba(15,23,42,0.09)!important;border-radius:14px!important;padding:12px 18px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 18px rgba(15,23,42,0.03),0 1px 3px rgba(15,23,42,0.02)!important;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease,border-color 0.25s ease,background-color 0.25s ease!important;position:relative;z-index:6;margin-bottom:12px;}
html body .server-row-card:hover{background:rgba(255,255,255,0.92)!important;backdrop-filter:blur(12px);border-color:rgba(15,23,42,0.18)!important;box-shadow:0 12px 30px rgba(15,23,42,0.06),0 2px 6px rgba(15,23,42,0.03)!important;transform:translateY(-3px);z-index:7;}
html body .top-card-premium{background:linear-gradient(135deg,rgba(232,240,254,0.8) 0%,rgba(255,255,255,0.6) 100%)!important;border:1px solid rgba(26,115,232,0.25)!important;box-shadow:0 6px 22px rgba(26,115,232,0.05),inset 0 1px 0 rgba(255,255,255,0.8)!important;}
html body .top-card-premium:hover{background:linear-gradient(135deg,rgba(232,240,254,0.95) 0%,rgba(255,255,255,0.85) 100%)!important;border-color:rgba(26,115,232,0.45)!important;box-shadow:0 16px 36px rgba(26,115,232,0.12),0 0 0 1px rgba(26,115,232,0.15),inset 0 1px 0 rgba(255,255,255,0.9)!important;}
.top-servers-section [class*="col-"]:has(.modern-server-card:hover),.top-servers-grid [class*="col-"]:has(.modern-server-card:hover){z-index:99999!important;}
.top-servers-section [class*="col-"],.top-servers-grid [class*="col-"]{transition:z-index 0.2s ease;}
html body .modern-server-card .server-analytics-badge[data-modern-tooltip]::after,html body .modern-server-card .modern-address-click[data-modern-tooltip]::after{white-space:normal!important;width:max-content!important;min-width:140px!important;max-width:180px!important;line-height:1.3!important;text-align:center!important;}
html body .modern-server-card:has(.map-sale-placeholder){background:rgba(255,255,255,0.45)!important;border:1px dashed rgba(26,115,232,0.35)!important;box-shadow:none!important;cursor:pointer;}
html body .modern-server-card:has(.map-sale-placeholder):hover{background:rgba(255,255,255,0.85)!important;border-color:rgba(26,115,232,0.6)!important;box-shadow:0 8px 24px rgba(26,115,232,0.06)!important;transform:translateY(-2px);}
html body .server-card-hostname[style] a{color:inherit!important;}
html body .server-card-hostname[style] a:hover{filter:brightness(1.2)!important;text-decoration:underline!important;}
html body [data-modern-tooltip]{--tooltip-x:none!important;--tooltip-y:none!important;}
html body .modern-server-card .modern-address-click[data-modern-tooltip]::after,html body .modern-server-card .server-analytics-badge[data-modern-tooltip]::after{transform:translateX(-50%) scale(0.9)!important;}
html body .modern-server-card .modern-address-click[data-modern-tooltip]:hover::after,html body .modern-server-card .server-analytics-badge[data-modern-tooltip]:hover::after{transform:translateX(-50%) scale(1)!important;}
html body .modern-server-card:hover{overflow:visible!important;}
html body .modern-server-card [data-modern-tooltip]::after,html body .modern-server-card [data-modern-tooltip]::before{transition:transform 0.15s cubic-bezier(0.175,0.885,0.32,1.275),opacity 0.1s ease!important;}
@keyframes premiumPulse{0%{transform:scale(1);opacity:0.8;}50%{transform:scale(1.04);opacity:1;box-shadow:0 0 12px rgba(26,115,232,0.15);}100%{transform:scale(1);opacity:0.8;}}
.modern-analytics-board{background:rgba(255,255,255,0.75)!important;backdrop-filter:blur(12px);border-color:rgba(15,23,42,0.08)!important;}
.analytics-card{background:rgba(248,250,252,0.6)!important;border:1px solid rgba(15,23,42,0.06)!important;}
.tab-nav-btn{border:none!important;color:#475569!important;font-size:12px!important;background:transparent!important;transition:all 0.2s ease;}
.tab-nav-btn.active,.tab-nav-btn:hover{background:#ffffff!important;color:#1a73e8!important;box-shadow:0 2px 6px rgba(0,0,0,0.05)!important;}
.analytics-period-panel{display:none;}
.analytics-period-panel.active{display:block!important;animation:analyticsFadeIn 0.3s ease;}
.clickable-trigger{font-size:11px;color:#1a73e8;cursor:pointer;font-weight:600;user-select:none;}
.clickable-trigger:hover{text-decoration:underline;}
.analytics-hidden-box{display:none;max-height:200px;overflow-y:auto;}
.border-bottom-dashed{border-bottom:1px dashed rgba(15,23,42,0.06);}
.border-bottom-dashed-last:last-child{border-bottom:none!important;}
.badge-player-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(0,0,0,0.05);}
.badge-player-status.online{background:#e6f4ea!important;color:#137333!important;border-color:#ceead6!important;}
.badge-player-status.online::before{content:'';width:5px;height:5px;background:#34a853;border-radius:50%;display:inline-block;}
.badge-player-status.offline{background:#f1f3f4!important;color:#5f6368!important;}
.badge-player-status.micro-size{font-size:9px;padding:1px 4px;max-width:82px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.analytics-scroll-holder::-webkit-scrollbar,.analytics-hidden-box::-webkit-scrollbar{width:4px;}
.analytics-scroll-holder::-webkit-scrollbar-track,.analytics-hidden-box::-webkit-scrollbar-track{background:transparent;}
.analytics-scroll-holder::-webkit-scrollbar-thumb,.analytics-hidden-box::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;}
.modern-minimal-footer{background:rgba(255,255,255,0.4) !important;backdrop-filter:blur(8px);border-color:rgba(15,23,42,0.06)!important;}
.bg-light-translucent{background:rgba(15,23,42,0.03)!important;border-color:rgba(15,23,42,0.05)!important;}
.text-muted-flat{color:#8ea0b4!important;}
.text-dark-flat{color:#334155!important;}
.text-gradient-purple-blue{background:linear-gradient(135deg,#1a73e8 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ai-sparkle-pulse{animation:sparklePulse 2s infinite alternate;}
.dashboard-maps-grid-viewport::-webkit-scrollbar{width:0px!important;background:transparent;}
.dashboard-maps-grid-viewport{-ms-overflow-style:none;scrollbar-width:none;}
.map-tile-players-dropdown-v3{position:absolute;left:0;right:0;top:100%;margin-top:4px;z-index:99999!important;background:#ffffff!important;min-width:180px;box-shadow:0 10px 25px -5px rgba(15,23,42,0.2),0 8px 10px -6px rgba(15,23,42,0.1)!important;animation:tileDropdownFadeIn 0.15s cubic-bezier(0.16,1,0.3,1);}
@keyframes sparklePulse{0%{transform:scale(1);}100%{transform:scale(1.12);}}
@keyframes analyticsFadeIn{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}
@keyframes tileDropdownFadeIn{from{opacity:0;transform:translateY(4px) scale(0.98);}to{opacity:1;transform:translateY(0) scale(1);}}
.fs-10{font-size:10px!important;}
.fs-11{font-size:11px!important;}
.fs-13{font-size:13px!important;}
.mb-1.5{margin-bottom:6px!important;}
.modern-map-tile{background-color:#0f172a;transition:transform .2s ease,box-shadow .2s ease;}
.modern-map-tile:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(15,23,42,.15)!important;}
.tile-map-gradient-overlay{background:linear-gradient(to bottom,rgba(15,23,42,.3) 0,rgba(15,23,42,.1) 50%,rgba(15,23,42,.8) 100%);z-index:2;}
.map-tile-btn{position:absolute;top:6px;z-index:10;padding:3px 8px;font-size:10px;font-weight:700;border-radius:4px;color:#fff!important;background:rgba(15,23,42,.75)!important;backdrop-filter:blur(4px);transition:background-color .15s ease,transform .15s ease;font-family:monospace;}
.map-tile-btn:hover{background:#1a73e8!important;transform:scale(1.05);}
.map-tile-btn i{font-size:9px;opacity:.9;}
.btn-left-uniques{left:6px;}
.btn-right-total{right:6px;}
.map-tile-title{text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:.3px;}
.gap-2{gap:8px!important;}
.fs-15{font-size:15px!important;}
.py-1.5{padding-top:6px!important;padding-bottom:6px!important;}
.modern-map-tile .map-tile-btn {
    position: absolute !important;
    top: 6px !important;
    z-index: 20 !important;
    pointer-events: auto !important;
}
.btn-left-uniques {
    left: 6px !important;
}
.btn-right-total {
    right: 6px !important;
}
html body [data-modern-tooltip]:hover {
    overflow: hidden !important;
}
.modern-map-tile:hover {
    overflow: visible !important;
}
html body #gmsMapVisitsModal .modal-content,
html body #gmsMapUniquesModal .modal-content {
    background-color: #2d283e !important;
    border: 1px solid #1b1729 !important;
    color: #ffffff !important;
}
html body #gmsMapVisitsModal .modal-header,
html body #gmsMapUniquesModal .modal-header {
    background-color: #1b1729 !important;
    border-bottom: 1px solid #1b1729 !important;
    color: #ffffff !important;
}
html body #gmsMapVisitsModal .modal-header .modal-title,
html body #gmsMapUniquesModal .modal-header .modal-title {
    color: #ffffff !important;
}
html body #gmsMapVisitsModal .modal-header .btn-close,
html body #gmsMapUniquesModal .modal-header .btn-close {
    filter: invert(1) grayscale(1) brightness(2) !important;
}
html body #gmsMapVisitsModal .badge-player-status.online,
html body #gmsMapUniquesModal .badge-player-status.online {
    background-color: #1b3b22 !important;
    color: #73d13d !important;
    border: 1px solid rgba(115,209,61,0.2) !important;
}
html body #gmsMapVisitsModal .badge-player-status.offline,
html body #gmsMapUniquesModal .badge-player-status.offline {
    background-color: #1f1b2e !important;
    color: rgba(255,255,255,0.7) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
}
html body #gmsMapVisitsModal .modal-content, 
html body #gmsMapUniquesModal .modal-content {
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    background-color: #ffffff !important;
    border-radius: 12px !important;
}
html body #gmsMapVisitsModal .modal-header, 
html body #gmsMapUniquesModal .modal-header {
    background-color: #f8fafc !important;
    border-bottom: 1px solid #edf2f7 !important;
    color: #0f172a !important;
}
html body #gmsMapVisitsModal .modal-header .modal-title, 
html body #gmsMapUniquesModal .modal-header .modal-title {
    color: #0f172a !important;
    font-weight: 700 !important;
}
html body #gmsMapVisitsModal .badge-player-status.online, 
html body #gmsMapUniquesModal .badge-player-status.online {
    background-color: #e6f4ea !important;
    color: #137333 !important;
    border: 1px solid #ceead6 !important;
}
html body #gmsMapVisitsModal .badge-player-status.offline, 
html body #gmsMapUniquesModal .badge-player-status.offline {
    background-color: #f1f3f4 !important;
    color: #5f6368 !important;
    border: 1px solid #e0e0e0 !important;
}
html body .badge-player-split {
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
html body .badge-player-split .split-name {
    padding: 4px 8px !important;
    font-weight: 600 !important;
}
html body .badge-player-split .split-count {
    padding: 4px 7px !important;
    font-weight: 800 !important;
    font-family: monospace !important;
}
html body .badge-player-split.online {
    background-color: #e6f4ea !important;
    color: #137333 !important;
    border: 1px solid #ceead6 !important;
}
html body .badge-player-split.online .split-count {
    background-color: #ceead6 !important;
    color: #137333 !important;
}
html body .badge-player-split.offline {
    background-color: #f1f3f4 !important;
    color: #5f6368 !important;
    border: 1px solid #e0e0e0 !important;
}
html body .badge-player-split.offline .split-count {
    background-color: #e0e0e0 !important;
    color: #5f6368 !important;
}
html body .badge-player-split {
    display: inline-flex !important;
    align-items: center !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
html body .badge-player-split .split-name {
    padding: 4px 8px !important;
    font-weight: 600 !important;
}
html body .badge-player-split .split-count {
    padding: 4px 7px !important;
    font-weight: 800 !important;
    font-family: monospace !important;
}
html body .badge-player-split.online {
    background-color: #e6f4ea !important;
    color: #137333 !important;
    border: 1px solid #ceead6 !important;
}
html body .badge-player-split.online .split-count {
    background-color: #ceead6 !important;
    color: #137333 !important;
}
html body .badge-player-split.offline {
    background-color: #f1f3f4 !important;
    color: #5f6368 !important;
    border: 1px solid #e0e0e0 !important;
}
html body .badge-player-split.offline .split-count {
    background-color: #e0e0e0 !important;
    color: #5f6368 !important;
}
html body .modern-map-tile {
    background-color: transparent !important;
}
html body .tile-map-gradient-overlay {
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.65) 100%) !important;
}