@import "https://fonts.googleapis.com/css2?family=Unbounded:wght@200;300;400;500;600;700;800;900&display=swap";
.header-skeleton{align-items:center;gap:16px;display:flex}@media (max-width:1023px){.header-skeleton{gap:12px}}@media (max-width:767px){.header-skeleton{gap:8px}}.header-skeleton .notification-skeleton{animation-duration:2s}.header-skeleton .user-skeleton{background:var(--card-hover);border-radius:8px;align-items:center;gap:8px;padding:4px 8px;display:flex}.header-skeleton .user-skeleton .avatar-skeleton{animation-duration:2.5s}.header-skeleton .user-skeleton .chevron-skeleton{animation-duration:1.5s}.logo-section{display:none}@media (max-width:767px){.logo-section{align-items:center;gap:8px;display:flex}}.logo-section .logo-skeleton{animation-duration:1.8s}.logo-section .brand-skeleton{animation-duration:2.2s}
.notification-dropdown{display:inline-block;position:relative}.notification-trigger{width:40px;height:40px;color:var(--text-custom);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .2s;display:flex;position:relative}.notification-trigger:hover{background:var(--card-hover);color:var(--span)}.notification-trigger .notification-badge{background:var(--red);color:#fff;border:2px solid var(--navbar);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:flex;position:absolute;top:-2px;right:-2px}.notification-dropdown-menu{background:var(--card);border:1px solid var(--border);box-shadow:0 8px 32px var(--shadow);z-index:1000;border-radius:12px;min-width:320px;max-width:400px;max-height:500px;margin-top:8px;animation:.2s dropdownFadeIn;position:absolute;top:100%;right:0;overflow:hidden}.notification-dropdown-menu:before{content:"";background:var(--card);border-left:1px solid var(--border);border-top:1px solid var(--border);width:12px;height:12px;position:absolute;top:-6px;right:20px;transform:rotate(45deg)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notification-header{background:var(--bg-table);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.notification-header h3{color:var(--text-custom);margin:0;font-size:16px;font-weight:600}.notification-header .unread-count{color:var(--span);font-size:12px;font-weight:500}.notification-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item:hover{background:var(--card-hover)}.notification-item.unread{background:rgba(88,101,242,.05)}.notification-item .notification-icon-wrapper{flex-shrink:0;margin-top:2px}.notification-item .notification-icon{text-align:center;width:20px;font-size:16px}.notification-item .notification-icon.success{color:var(--green)}.notification-item .notification-icon.warning{color:var(--warning)}.notification-item .notification-icon.error{color:var(--red)}.notification-item .notification-icon.game{color:var(--span)}.notification-item .notification-icon.info{color:var(--text-accent)}.notification-item .notification-content{flex:1;min-width:0}.notification-item .notification-content .notification-title{color:var(--text-custom);margin-bottom:4px;font-size:14px;font-weight:600}.notification-item .notification-content .notification-message{color:var(--text-default);margin-bottom:4px;font-size:13px;line-height:1.4}.notification-item .notification-content .notification-time{color:var(--text-default);opacity:.7;font-size:11px}.notification-item .unread-indicator{background:var(--span);border-radius:50%;width:8px;height:8px;position:absolute;top:16px;right:16px}.no-notifications{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-notifications .no-notifications-icon{color:var(--text-default);opacity:.5;margin-bottom:12px;font-size:32px}.no-notifications p{color:var(--text-default);margin:0;font-size:14px}.notification-footer{border-top:1px solid var(--border);background:var(--bg-table);padding:12px 16px}.notification-footer .mark-all-read{width:100%;color:var(--text-accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:13px;transition:all .2s}.notification-footer .mark-all-read:hover{background:var(--card-hover);color:var(--span)}
.bottom-navigation{background:var(--navbar);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 8px var(--shadow);justify-content:space-around;align-items:center;padding:8px 0;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.bottom-navigation{display:none}}.bottom-navigation .nav-item{color:var(--navbar-text);border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:60px;padding:8px 4px;text-decoration:none;transition:all .2s;display:flex;position:relative}.bottom-navigation .nav-item:hover{background:var(--navbar-hover);color:var(--navbar-text-hover)}.bottom-navigation .nav-item.active{color:var(--navbar-active)}.bottom-navigation .nav-item.active .icon{transform:scale(1.1)}.bottom-navigation .nav-item .icon{margin-bottom:4px;font-size:20px;transition:transform .2s}.bottom-navigation .nav-item .label{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:500;line-height:1.2;overflow:hidden}.bottom-navigation .nav-item.admin-item{border-left:1px solid var(--border);margin-left:4px;padding-left:8px}.bottom-navigation .nav-item[data-priority=high].active:after{background:var(--money)}.bottom-navigation .nav-item[data-priority=high],.bottom-navigation .nav-item[data-priority=high] .icon,.bottom-navigation .nav-item[data-priority=high] .nav-name{color:var(--money)}@media (max-width:379px){.bottom-navigation{padding:6px 0}.bottom-navigation .nav-item{min-width:50px;padding:6px 2px}.bottom-navigation .nav-item .icon{margin-bottom:2px;font-size:18px}.bottom-navigation .nav-item .label{font-size:9px}}
.Toast-module-scss-module__t3p9VW__toast{border-left:4px solid;border-radius:8px;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px;animation:.3s ease-out Toast-module-scss-module__t3p9VW__slideIn;display:flex;box-shadow:0 4px 12px rgba(0,0,0,.15)}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__success{color:#065f46;background-color:#f0f9ff;border-left-color:#10b981}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__success .Toast-module-scss-module__t3p9VW__icon{color:#10b981}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__error{color:#991b1b;background-color:#fef2f2;border-left-color:#ef4444}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__error .Toast-module-scss-module__t3p9VW__icon{color:#ef4444}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__warning{color:#92400e;background-color:#fffbeb;border-left-color:#f59e0b}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__warning .Toast-module-scss-module__t3p9VW__icon{color:#f59e0b}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__info{color:#1e40af;background-color:#eff6ff;border-left-color:#3b82f6}.Toast-module-scss-module__t3p9VW__toast.Toast-module-scss-module__t3p9VW__info .Toast-module-scss-module__t3p9VW__icon{color:#3b82f6}.Toast-module-scss-module__t3p9VW__icon{flex-shrink:0;margin-top:2px;font-size:20px}.Toast-module-scss-module__t3p9VW__content{flex:1;min-width:0}.Toast-module-scss-module__t3p9VW__title{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.4}.Toast-module-scss-module__t3p9VW__message{opacity:.9;margin:0;font-size:13px;line-height:1.4}.Toast-module-scss-module__t3p9VW__closeButton{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:opacity .2s}.Toast-module-scss-module__t3p9VW__closeButton:hover{opacity:1}.Toast-module-scss-module__t3p9VW__closeButton svg{width:16px;height:16px}@keyframes Toast-module-scss-module__t3p9VW__slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}
.ToastContainer-module-scss-module__azvOLW__container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.ToastContainer-module-scss-module__azvOLW__container>*{pointer-events:auto}@media (max-width:768px){.ToastContainer-module-scss-module__azvOLW__container{top:10px;left:10px;right:10px}.ToastContainer-module-scss-module__azvOLW__container>*{min-width:auto;max-width:none}}
:root{--bg:#0a0a0a;--bg-table:#121212;--card:#151515;--card-hover:#1f1f1f;--navbar:#0f0f0f;--navbar-hover:#1a1a1a;--text-custom:#fff;--text-accent:gold;--text-default:#b0b0b0;--span:rgba(255,223,41,.686);--span-low:rgba(255,215,0,.12);--accent-light:#ffed4e;--accent-dark:#b8860b;--border:#2a2a2a;--shadow:rgba(0,0,0,.5);--shadow-hover:rgba(255,215,0,.25);--green:#32cd32;--red:#ed4245;--money:gold;--money-bg:#0a0a0a;--success:#32cd32;--warning:orange;--error:#ed4245;--info:gold;--navbar-active:gold;--navbar-text:#b0b0b0;--navbar-text-hover:gold}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);max-width:100vw;color:var(--text-custom);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Unbounded,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--span);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}.app-layout{flex-direction:column;min-height:100vh;display:flex}.main-content{background:var(--bg);flex:1;margin-top:70px;padding:32px}@media (max-width:1024px){.main-content{margin-top:60px;padding:24px}}@media (max-width:768px){.main-content{margin-top:60px;margin-bottom:70px;padding:16px}}@media (max-width:380px){.main-content{margin-top:55px;padding:12px}}