@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{--bg-app:#121016;--bg-surface:#18141fbf;--bg-card:#18141fe0;--bg-card-hover:#18141fe0;--bg-modal:#120f19fa;--coral-primary:#ff5745;--coral-hover:#ff3e29;--coral-soft:#ff574529;--coral-glow:#ff574573;--text-primary:#fff;--text-muted:#9e95aa;--text-light:#6e667a;--border-glass:1px solid #ffffff1a;--border-glass-subtle:1px solid #ffffff12;--border-glass-strong:1px solid #ffffff2e;--border-subtle:#ffffff17;--border-focus:#ff5745;--radius-card:22px;--radius-modal:26px;--radius-pill:100px;--glass-blur:blur(18px);--glass-blur-heavy:blur(28px);--glass-blur-subtle:blur(10px);--shadow-glass:0 10px 32px 0 #00000073;--shadow-glass-hover:0 14px 40px 0 #0000008c;--shadow-glass-elevated:0 24px 60px 0 #000000a6;--shadow-clay:var(--shadow-glass);--shadow-hover:var(--shadow-glass-hover);--font-family:"Montserrat", sans-serif}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#121016!important}body{min-height:100vh;font-family:var(--font-family);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;line-height:1.5;overflow-x:clip;color:#fff!important;background-color:#121016!important;background-image:radial-gradient(circle at 10% 15%,#ff574529 0,#0000 45%),radial-gradient(circle at 90% 12%,#9333ea26 0,#0000 45%),radial-gradient(circle at 50% 45%,#f9731617 0,#0000 55%),radial-gradient(circle at 12% 85%,#ec489924 0,#0000 48%),radial-gradient(circle at 88% 88%,#3b82f621 0,#0000 50%),linear-gradient(#16131f 0%,#110e16 100%)!important}#root{color:#fff;background-color:#0000;min-height:100vh}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#120f1899}::-webkit-scrollbar-thumb{background:#ffffff2e;border:1px solid #ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--coral-primary)}.app-layout{background-color:#0000;align-items:flex-start;width:100%;min-height:100vh;display:flex;position:relative}.desktop-sidebar{isolation:isolate;contain:layout paint;will-change:transform;z-index:50;align-self:flex-start;transform:translateZ(0);scrollbar-width:none!important;-ms-overflow-style:none!important;height:calc(100vh - 2.6rem)!important;position:sticky!important;top:1.3rem!important;overflow-y:auto!important}.desktop-sidebar::-webkit-scrollbar{display:none!important}.sidebar-nav-item{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.sidebar-nav-item:hover:not(.active){color:var(--coral-primary)!important;background:#ff574514!important;border-color:#ff574540!important}.main-content{color:#fff;isolation:isolate;flex-direction:column;flex:1;justify-content:space-between;min-width:0;min-height:100vh;padding:1.4rem 2rem 2.5rem 1.6rem;display:flex;transform:translateZ(0)}.right-sidebar-aside{isolation:isolate;contain:layout paint;will-change:transform;width:100%;min-width:280px;max-width:340px;transform:translateZ(0)}.scroll-to-top-btn{z-index:900;width:46px;height:46px;position:fixed;bottom:2rem;right:2rem}@media (width<=992px){.right-sidebar-aside{min-width:0!important;max-width:100%!important}}@media (width<=900px){.main-content{width:100%!important;max-width:100vw!important;padding:4.8rem .6rem 3rem!important;overflow-x:hidden!important}}@media (width<=600px){.scroll-to-top-btn{width:40px!important;height:40px!important;bottom:1.2rem!important;right:1.2rem!important}}.clay-card,.glass-card,.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card);border:var(--border-glass);box-shadow:var(--shadow-glass);isolation:isolate;contain:layout style;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;position:relative;transform:translateZ(0)}.clay-card:hover,.glass-card:hover,.glass-panel:hover{background:var(--bg-card);border-color:var(--border-subtle);box-shadow:var(--shadow-glass)}.glass-panel-static{-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-card);background:var(--bg-card)!important;border:var(--border-glass)!important;box-shadow:var(--shadow-glass)!important}.glass-modal{-webkit-backdrop-filter:var(--glass-blur-heavy);border-radius:var(--radius-modal);background:var(--bg-modal)!important;border:var(--border-glass-strong)!important;box-shadow:var(--shadow-glass-elevated)!important}.glass-overlay{-webkit-backdrop-filter:blur(12px)!important;background:#0c0a10c7!important}.glass-purple{color:#c084fc!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #a855f78c!important}.glass-mint{color:#34d399!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #34d3998c!important}.glass-coral{color:#ff7654!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #ff5a368c!important}.glass-blue{color:#60a5fa!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #60a5fa8c!important}.glass-gold,.glass-amber{color:#fbbf24!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #f59e0b8c!important}.glass-rose{color:#fb7185!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #fb71858c!important}.btn-karea{border-radius:var(--radius-pill);font-family:var(--font-family);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;outline:none;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;position:relative}.btn-coral{-webkit-backdrop-filter:blur(8px);color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(135deg,#ff5745 0%,#eb3324 100%);border:1px solid #ffffff38;box-shadow:0 8px 24px #eb332461}.btn-coral:hover{background:linear-gradient(135deg,#ff6b5a 0%,#f04436 100%);border-color:#ffffff59;box-shadow:0 10px 28px #eb332480}.btn-soft{-webkit-backdrop-filter:blur(10px);color:#ff7e6f;background:#ff574526;border:1px solid #ff574559;box-shadow:0 4px 12px #ff574526}.btn-soft:hover{color:#fff;background:#ff574540;border-color:#ff57458c;box-shadow:0 4px 16px #ff57454d}.btn-outline{-webkit-backdrop-filter:blur(10px);color:#fff;background:#ffffff0d;border:1px solid #ffffff24;box-shadow:0 4px 12px #0003}.btn-outline:hover{border-color:var(--coral-primary);color:#fff;background:#ffffff0d;box-shadow:0 4px 14px #ff574533}.btn-glass{-webkit-backdrop-filter:blur(12px);color:#fff;background:#ffffff0f;border:1px solid #ffffff24;box-shadow:0 4px 16px #00000040}.btn-glass:hover{color:#fff;background:#ffffff0f;border-color:#ff574573;box-shadow:0 4px 14px #ff574533}.k-badge{border-radius:var(--radius-pill);color:#ff7e6f;-webkit-backdrop-filter:blur(10px);background:#ff574526;border:1px solid #ff574559;align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #ff57451f}.k-badge-gray{color:#ffffffd1!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #ffffff47!important}.k-input,.k-select,.k-textarea{-webkit-backdrop-filter:blur(12px);width:100%;font-family:var(--font-family);color:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff0f;border:1.5px solid #ffffff1f;border-radius:14px;outline:none;padding:.8rem 1rem;font-size:.92rem;transition:all .25s;box-shadow:inset 0 1px 2px #0003,0 2px 6px #0000001a}select,.k-select{--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}.k-select{cursor:pointer;accent-color:var(--coral-primary);background-color:#ffffff0f;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 19px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important;padding-right:2.8rem!important}.k-select::-ms-expand{display:none}.k-input:focus,.k-textarea:focus{border-color:var(--coral-primary);background-color:#ffffff14;box-shadow:0 0 0 3px #ff574540}.k-select:focus{border-color:var(--coral-primary);background-color:#ffffff14;box-shadow:0 0 0 3px #ff574540;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-position:right 19px center!important;background-repeat:no-repeat!important;background-size:16px 16px!important}select,select option,select optgroup,.k-select option,.k-input option{padding:.6rem .8rem;color:#fff!important;background:#191522!important}select option:checked,select option:hover,select option:focus,.k-select option:checked,.k-select option:hover,.k-select option:focus,.k-input option:checked,.k-input option:hover,.k-input option:focus{background:var(--coral-primary) linear-gradient(0deg, var(--coral-primary), var(--coral-primary))!important;color:#fff!important;background-color:#ff5745!important;box-shadow:inset 0 0 10px 100px #ff5745!important}.k-input::placeholder,.k-textarea::placeholder{color:var(--text-light)}.promo-input::placeholder,input.promo-input::placeholder,.k-input.promo-input::placeholder{color:#918988!important;opacity:1!important}.promo-input-row{flex-direction:column!important;gap:.6rem!important;width:100%!important;display:flex!important}.promo-input-row input{width:100%!important}.promo-input-row .btn-karea,.promo-input-row button,.promo-apply-btn{justify-content:center!important;width:100%!important;padding:.75rem 1.2rem!important;font-weight:800!important}.filter-pill{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1f;align-items:center;gap:10px;padding:.55rem 1.25rem;font-size:.88rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 2px 8px #0003}.filter-pill:hover{border-color:var(--coral-primary);color:#fff;background:#ffffff0d;box-shadow:0 4px 14px #ff574533}.filter-pill.active{-webkit-backdrop-filter:blur(10px);color:#fff;text-shadow:0 1px 2px #00000040;background:linear-gradient(135deg,#ff5745 0%,#eb3324 100%);border-color:#ffffff40;box-shadow:0 6px 18px #eb332461}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.k-range-input{appearance:none;background:0 0;outline:none;pointer-events:none!important}.k-range-input::-webkit-slider-runnable-track{background:0 0;border:none}.k-range-input::-moz-range-track{background:0 0;border:none}.k-range-input::-webkit-slider-thumb{appearance:none;background:var(--coral-primary);cursor:grab;z-index:10;border:2.5px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 2px 8px #ff5a368c,0 0 0 1px #0000000d;pointer-events:auto!important}.k-range-input::-webkit-slider-thumb:hover{transform:scale(1.22);box-shadow:0 3px 14px #ff5a36bf}.k-range-input::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.32)}.k-range-input::-moz-range-thumb{background:var(--coral-primary);cursor:grab;border:2.5px solid #fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 2px 8px #ff5a368c,0 0 0 1px #0000000d;pointer-events:auto!important}.k-range-input::-moz-range-thumb:hover{transform:scale(1.22)}.k-range-input::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.32)}.modal-window-bounded{border-radius:28px!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}.modal-content-scroller{scrollbar-width:thin;scrollbar-color:#ff5a3666 transparent;flex:auto!important;overflow-y:auto!important}.modal-content-scroller::-webkit-scrollbar{width:6px}.modal-content-scroller::-webkit-scrollbar-track{background:0 0;margin:14px 0}.modal-content-scroller::-webkit-scrollbar-thumb{background:#ff5a3659;border-radius:10px}.modal-content-scroller::-webkit-scrollbar-thumb:hover{background:#ff5a3699}@media (width<=1280px){.home-teams-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (width<=768px){.home-teams-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=500px){.home-teams-grid{grid-template-columns:1fr!important}}@media (width<=992px){.home-solo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=600px){.home-solo-grid{grid-template-columns:1fr!important}}.admin-stats-top-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}@media (width<=1024px){.admin-stats-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.bulletin-detail-layout-grid{grid-template-columns:1fr!important}}@media (width<=640px){.admin-stats-top-grid{grid-template-columns:1fr!important}}.ad-category-mobile-select{display:none}.ad-category-desktop-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}@media (width<=768px){.create-ad-modal-card,.modal-window-bounded{border-radius:18px!important;padding:10px!important}.modal-content-scroller{padding:10px!important}.create-ad-modal-overlay{padding:8px 6px!important}.create-ad-modal-close-btn{width:32px!important;height:32px!important;top:10px!important;right:10px!important}.create-ad-modal-card h3,.modal-window-bounded h3{padding-right:36px!important;font-size:1.3rem!important}.ad-category-desktop-grid{display:none!important}.ad-category-mobile-select{display:block!important}}.quick-action-card{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,border-color .22s!important}.quick-action-card:hover{border-color:#ff5a3673!important;transform:translateY(-4px)!important;box-shadow:0 14px 32px #00000040,0 0 20px #ff5a3626!important}
