:root{--color-primary: #B6FF2E;--color-primary-transparent: #b6ff2e3a;--color-secondary: #141D38;--color-primary-hover: #a5f800;--color-primary-active: #9FE600;--color-primary-disabled: #668F19;--color-background: #1F2329;--color-surface: #252A31;--color-surface-raised: #2C323A;--color-surface-hover: #333A43;--color-surface-trans: #889bb5a3;--color-text: #FFFFFF;--color-text-inverted: #141D38;--color-text-secondary: #D7DCE2;--color-text-muted: #9AA1AA;--color-text-disabled: #626971;--color-border: #353B43;--color-border-light: #444B54;--border-normal: 1px solid var(--color-border);--border-light: 1px solid var(--color-border-light);--border-dashed: 2px dashed var(--color-border-light);--border-primary: 1px solid var(--color-primary);--color-success: #22C55E;--color-success-transparent: #22c55e3a;--color-warning: #F59E0B;--color-warning-transparent: #F59E0B3a;--color-danger: #EF4444;--color-danger-transparent: #ef44443a;--color-info: #38BDF8;--color-info-transparent: #38BDF83a;--font-family: Roboto, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-page-title: clamp(1.75rem, 3vw, 2.25rem);--text-section-title: clamp(1.3rem, 2vw, 1.875rem);--text-div-title: 1.5rem;--text-card-title: 1.125rem;--text-body: 1rem;--text-small: .875rem;--text-caption: .75rem;--text-caption-small: .625rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-xs: .275rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--shadow-sm: 0 1px 2px rgb(0 0 0 / 25%);--shadow-md: 0 4px 5px var(--color-primary-hover);--shadow-lg: 0 10px 30px rgb(0 0 0 / 60%);--page-width: 1400px;--button-height: 40px;--input-height: 42px}*,*:before,*:after{margin:0;box-sizing:border-box}html{font-size:16px;color-scheme:dark}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text);padding-top:80px;background-color:var(--color-background);background-image:url(/assets/BG-IMAGE-DcAtIgkq.webp);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed}button,input,textarea,select{font:inherit}button{cursor:pointer}@media(max-width:768px){body{padding-top:72px}.material-symbols-outlined{font-size:1rem}.empty-state{font-size:.875rem}}.card{display:flex;flex-direction:column;transition:all .2s ease-in-out;border:var(--border-light);width:100%;position:relative}.card-link{display:block;width:100%;color:var(--color-text);text-decoration:none}.card-rank{position:absolute;top:0;left:0;background:var(--color-primary);color:var(--color-text-inverted);font-weight:900;font-size:12px;padding:3px 8px}.card.player{min-height:395px}.card.team{min-height:296px}.card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000059,0 2 5px #ffffffa2;border:var(--border-primary)}.card .name{position:relative;display:inline-block}.card .name:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:4px;background-color:var(--color-primary-hover);transition:width .3s ease-in-out}.card:hover .name:after{width:100%}.card-image{background-image:url(/assets/card-CLWOfscz.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center}.card-image.top-card img{max-width:220px;height:177px;object-fit:fill}.card-image.top-card.teams img{object-fit:contain}.card-image.team img{width:144px;height:188px;object-fit:contain}.card-image.player img{margin-top:var(--space-sm);max-width:204px;height:204px;object-fit:cover;filter:drop-shadow(0px 0px 5px rgba(255,179,71,.5)) drop-shadow(0px 0px 7px rgba(230,93,27,.4)) drop-shadow(0px 0px 10px rgba(181,101,29,.3))}.team-logo{position:absolute;top:-20px;right:32px;width:45px;height:45px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:var(--border-light);cursor:pointer;background-color:var(--color-primary)}.team-logo.stat-logo{right:12px;width:40px;height:40px}.team-logo img{width:100%;height:100%;object-fit:cover}.card-content{display:flex;flex-direction:column;position:relative;background:var(--color-surface);text-align:center;justify-content:center;padding:var(--space-lg) var(--space-md) var(--space-md) var(--space-md);border-top:var(--border-light);height:100%}.card-content.top-card{padding:var(--space-sm);align-items:flex-start}.card-title{font-size:var(--text-card-title);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.card-title.top-card{font-size:var(--text-body)}.card-title.player a,.card-title.player span,.card-title.player p{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:max-content;gap:var(--space-sm)}.card-title a{color:var(--color-text);text-decoration:none}.card-content p{color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--font-weight-semibold)}.card-info{width:100%;margin-top:var(--space-lg);padding:0;list-style:none}.card-info li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-xs);border-top:var(--border-light)}.card-info li:last-child{border-bottom:var(--border-light)}.card-info-label{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:700;text-transform:uppercase}.card-info-value{font-size:var(--text-small);color:var(--color-text);font-weight:var(--font-weight-bold);text-align:right}.card-info-value.role{text-transform:uppercase;color:var(--color-primary)}.page-info-container{width:min(var(--page-width),calc(100% - 32px));margin:0 auto;display:flex;flex-direction:column;position:relative;transform:translateY(-110px);color:var(--color-text);z-index:50}.my-activity-container{transform:none}.page-info-hero{background-image:url(/assets/profileBG-Bi46ahze.jpg);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:360px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.page-info-hero:before{content:"";position:absolute;inset:0;background:#00000075}.hero-inner{position:relative;width:100%;height:100%;padding:var(--space-lg) var(--space-md)}.official-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:10}.hero-details{display:flex;gap:var(--space-lg);align-items:center;justify-content:center}.hero-avatar{display:flex;justify-content:center;padding:var(--space-xl)}.avatar{display:flex;align-items:center;justify-content:center;width:300px;height:300px;overflow:hidden;background:none;border:var(--border-light);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.avatar img{width:90%;height:90%;object-fit:cover;align-items:flex-end;overflow-clip-margin:content-box}.avatar.player img{width:100%;height:100%;object-fit:cover;align-items:flex-end}.hero-data{display:flex;flex-direction:column;gap:var(--space-lg)}.hero-title{display:flex;gap:var(--space-md);align-items:center}.hero-title a{cursor:pointer}.hero-title h2{font-size:var(--text-section-title)}.hero-team-logo-wrapper{width:48px;height:48px;overflow:hidden;border-radius:50%;cursor:pointer}.hero-team-logo-small{width:48px;height:48px;overflow:hidden;border-radius:50%;border:var(--border-light);background-color:var(--color-primary)}.hero-title-value{position:relative;display:inline-block}.hero-title-value:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:4px;background-color:var(--color-primary-hover);transition:width .3s ease-in-out}.page-info-hero:hover .hero-title-value:after{width:100%}.hero-details{display:flex;gap:var(--space-lg)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);list-style:none;padding:0;margin:0}.stat-card{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm) var(--space-md)}.stat-label{font-size:var(--text-caption);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-weight-semibold)}.stat-value{font-size:var(--text-body);color:var(--color-primary);font-weight:var(--font-weight-semibold);overflow-wrap:break-word;overflow:hidden}.stat-value.role{text-transform:uppercase}.stat-value.ended{color:var(--color-text-muted)}.info-bar{width:100%;height:50px;background:var(--color-surface-raised);display:grid;grid-template-columns:repeat(4,1fr)}.info-bar-value{background:var(--color-primary);color:var(--color-text-inverted);padding-left:var(--space-md);display:inline-flex;align-items:center;justify-content:flex-start;font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:var(--text-body)}.page-header{display:flex;align-items:center;gap:var(--space-md);padding-top:var(--space-xl);padding-bottom:var(--space-md);font-size:var(--text-section-title);font-weight:var(--font-weight-bold)}.stat-badge{display:inline-flex;flex-grow:0;align-items:center;justify-content:center;border-radius:var(--space-xs);font-size:var(--text-small);padding:var(--space-xs) var(--space-sm);gap:var(--space-xs);font-weight:var(--font-weight-semibold);letter-spacing:.08em}.stat-badge.link{cursor:pointer;padding:0}.stat-badge.link a{color:inherit;text-decoration:underline;color:var(--color-info)}.stat-badge.primary{background-color:var(--color-primary-transparent);color:var(--color-primary);border:1px solid var(--color-primary)}.stat-badge.withdrawn{background-color:#8989893a;color:var(--color-text);border:1px solid var(--color-text-muted)}.stat-badge.danger{background-color:var(--color-danger-transparent);color:var(--color-danger);border:1px solid var(--color-danger)}.stat-badge.success{background-color:var(--color-success-transparent);color:var(--color-success);border:1px solid var(--color-success)}.stat-badge.warning{background-color:var(--color-warning-transparent);color:var(--color-warning);border:1px solid var(--color-warning)}.stat-badge.info{background-color:var(--color-info-transparent);color:var(--color-info);border:1px solid var(--color-info)}.stat-badge.link{display:inline-block;margin-top:12px;color:var(--color-text);font-size:var(--text-small);font-weight:var(--font-weight-semibold);text-transform:uppercase;text-decoration:underline}.rank-cell{font-weight:var(--font-weight-bold);color:var(--color-text)}.team-cell{display:flex;align-items:center;gap:12px;font-weight:var(--font-weight-semibold)}.team-cell img{width:40px;height:40px;object-fit:contain;border-radius:50%;border:var(--border-light)}.tournament-info-bar{width:100%;height:auto;background:var(--color-surface)}.tournament-tabs-header{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;min-height:var(--input-height)}.profile-tabs-header{grid-template-columns:repeat(3,1fr)}.tournament-tabs-header button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);background:none;border:none;font-size:var(--text-body);color:var(--color-text);font-weight:var(--font-weight-bold);letter-spacing:.14em;text-transform:uppercase;padding:12px 16px;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease,transform .2s ease;height:100%;border:var(--border-normal)}.tournament-tabs-header button:hover{color:var(--color-primary);background-color:var(--color-surface-hover);border-color:var(--color-border-light);transform:translateY(-1px)}.tournament-tabs-header button.active{color:var(--color-text-inverted);background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.tournament-tabs-header button.active .tab-label{display:inline-block;background-image:linear-gradient(transparent calc(75% + 1px),var(--color-text-inverted) 4px);padding-bottom:4px}.tournament-tabs-header .tab-icon{font-size:1.35rem}.tournament-tabs-header button.active:hover{color:var(--color-text-inverted);background-color:var(--color-primary-hover)}.header-actions{display:flex;justify-content:space-between}.action-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xs);font-size:var(--text-small);font-weight:var(--font-weight-semibold);transition:all .2s ease-in-out;cursor:pointer;color:var(--color-text);letter-spacing:.05em;border:var(--border-normal)}.view-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-small);font-weight:var(--font-weight-semibold);transition:all .2s ease-in-out;cursor:pointer;color:var(--color-text);letter-spacing:.05em}.view-btn.primary{background-color:var(--color-primary);color:var(--color-text-inverted);border:1px solid var(--color-primary)}.view-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn:hover:not(:disabled){transform:translateY(-4px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{background-color:var(--color-primary);color:var(--color-text-inverted);border:1px solid var(--color-primary)}.action-btn.secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-primary-transparent)}.action-btn.primary.secondary:hover{border:1px solid var(--color-primary)}.action-btn.success{background-color:var(--color-success);border:1px solid var(--color-success);color:var(--color-text-inverted)}.action-btn.danger.secondary{background-color:var(--color-danger-transparent);border:1px solid var(--color-danger)}.action-btn.warning.secondary{background-color:var(--color-warning-transparent);border:1px solid var(--color-warning)}.action-btn.danger{background-color:var(--color-danger);border:1px solid var(--color-danger);color:var(--color-text)}.action-btn.danger:hover{background-color:var(--color-danger);border:1px solid var(--color-danger)}@media(max-width:1024px){.card-image.top-card img{height:137px}.team-logo.stat-logo{right:12px;width:32px;height:32px}.hero-details{flex-direction:column;gap:var(--space-md)}.hero-data{align-items:center;justify-content:center}.hero-avatar{padding:var(--space-md)}.avatar{width:256px;height:256px}.stats-grid{place-items:center}.stat-card{justify-content:center;align-items:center}.tournament-tabs-header button{font-size:var(--text-small)}}@media(max-width:768px){.page-info-container{transform:translateY(-150px);margin:0;width:100%}.my-activity-container{transform:none}.card-image.top-card img{object-fit:contain}.hero-inner{padding-right:0;padding-left:0}.hero-data{width:100%;padding-right:0;padding-left:0}.hero-title-row{display:flex;justify-content:center;align-items:center;width:100%;border-top:var(--border-light);border-bottom:var(--border-light);padding:var(--space-md) 0}.stats-grid{grid-template-columns:1fr;width:95%;place-items:center;gap:var(--space-sm)}.stat-card{justify-content:center;align-items:center;justify-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm)}.info-bar{grid-template-columns:repeat(2,1fr);letter-spacing:0}.stat-badge{font-size:var(--text-caption)}.table-team-cell{flex-direction:column;gap:4px}.table-team-cell>a:first-child{flex-basis:32px}.action-btn{padding:var(--space-xs) var(--space-sm)}.tournament-tabs-header{grid-template-columns:repeat(2,1fr)}}.page{min-height:100vh;width:100%;max-width:var(--page-width);margin:0 auto;display:flex;flex-direction:column;align-items:center}.page-cover{background-color:var(--color-surface);border-radius:var(--radius-xs);overflow:hidden}.page-content{width:100%;padding:0 var(--space-xl)}.page-section{padding:var(--space-xl) 0}.page-section-small{margin-bottom:var(--space-md)}.match-list-container{padding:0}.table tbody td.empty-state-row{padding:0;border:none}.empty-state{min-height:150px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm);margin:var(--space-md) 0;text-align:center;color:var(--color-text-muted);font-weight:var(--font-weight-medium);background-color:var(--color-surface);border:var(--border-dashed)}.empty-state.error-state{border:var(--border-dashed-error);color:var(--color-danger)}.empty-state .material-symbols-outlined{font-size:var(--text-section-title);color:var(--color-primary)}.empty-state.error-state .material-symbols-outlined{font-size:var(--text-section-title);color:var(--color-danger)}.empty-state p{font-size:1rem;color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.empty-state.error-state p{color:var(--color-danger)}.show-more{width:100%;margin:var(--space-sm) 0}.show-more-btn{display:flex;justify-content:center;align-items:center;width:100%;height:38px;background-color:var(--color-surface);color:var(--text-color);font-weight:700;border:none;transition:all .2s ease-in-out}.show-more-btn:hover{background-color:var(--color-primary-hover);color:var(--color-text-inverted)}.badge{position:relative;text-align:center;text-transform:uppercase;padding:var(--space-sm);font-size:var(--text-caption-small);border-radius:var(--radius-lg)}.badge.primary{color:var(--color-primary);background-color:var(--color-primary-transparent)}.badge.warning{color:var(--color-warning);background-color:var(--color-warning-transparent)}.search-filters{display:flex;justify-content:center;align-items:center;gap:var(--space-lg);padding:32px 40px;background:var(--color-surface-raised);flex-wrap:wrap;width:100%}.search-group{display:flex;align-items:center;padding:var(--space-xs) 0;border-bottom:2px solid var(--color-text-muted);transition:all .2s ease-in-out;font-size:1.5rem}.search-wrap{display:flex;align-items:center;justify-content:center;width:100%;gap:var(--space-lg)}.search-group .material-symbols-outlined{border-radius:50%;padding:5px;transition:all .2s ease-in-out;cursor:pointer;font-size:var(--text-div-title)}.refresh-btn{background-color:var(--color-background);border:var(--border-light);border-radius:50%;width:36px;height:36px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.refresh-btn:hover{background-color:var(--color-surface-hover)}.refresh-btn:has(.refresh){background-color:var(--color-primary-hover)}.refresh-btn .refresh{display:inline-block;font-size:var(--text-body);color:var(--color-text-inverted);transition:all .2s ease-in-out;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.select-group{display:flex;justify-content:center;gap:var(--space-md);width:max-content}.search-group input{border:none;min-width:320px;background:transparent;font-size:var(--text-body);outline:none;color:var(--color-primary)}.search-group input[type=text]{color:var(--color-primary)}.search-group input[type=text]::placeholder{color:var(--color-text-muted)}.search-group:hover,.search-group:focus-within{border-bottom:2px solid var(--color-primary-hover)}.search-group:hover .material-symbols-outlined,.search-group:focus-within .material-symbols-outlined{background-color:var(--color-primary-hover);color:var(--color-text-inverted)}html::-webkit-scrollbar{width:var(--text-caption)}html::-webkit-scrollbar-track{background:var(--color-surface)}html::-webkit-scrollbar-thumb{background:var(--color-primary-disabled);border:1px solid var(--color-surface-hover)}html::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}select{appearance:base-select;font-size:var(--text-small);background-color:var(--color-primary-transparent);border:1px solid var(--color-primary);border-radius:var(--radius-xs);cursor:pointer}::picker(select){appearance:base-select;background-color:var(--color-surface-raised);border-radius:var(--radius-xs);border:var(--border-light)}select::picker-icon{color:var(--color-primary);transition:all .2s ease-in-out;align-content:center}select:open{border-color:var(--color-danger);background-color:var(--color-danger-transparent);color:var(--color-danger)}select:open selectedcontent{color:var(--color-danger)}select:open::picker-icon{color:var(--color-danger);transform:rotate(180deg)}select option:checked{background-color:var(--color-primary);color:var(--color-text-inverted)}select option::checkmark{content:"🔎"}select option:hover{background-color:var(--color-primary-transparent)}select selectedcontent{color:var(--color-primary);align-content:center}@media(max-width:1024px){.search-filters{padding:var(--space-md);gap:var(--space-md)}.page-content{padding:0 var(--space-lg)}}@media(max-width:768px){.page-content{padding:0 var(--space-md)}.page-section{padding:var(--space-md) 0}.match-list-container{padding:0 var(--space-md)}.page-section-small{padding:0 var(--space-sm)}.search-group{justify-content:center;width:100%}.search-wrap{flex-direction:column;padding-bottom:var(--space-xs);gap:var(--space-md)}.search-filters{align-items:stretch}.search-group input{min-width:unset;font-size:var(--text-body);flex-grow:1}select{appearance:base-select;font-size:var(--text-caption)}}:root{font-family:var(--font-family);color-scheme:light dark}.form-error{color:red;font-size:.8rem;margin-top:4px}.container{max-width:1400px;margin:0 auto}.loader{display:flex;justify-content:center;padding:20px;margin:40px 0}.bar{width:2px;height:7px;margin:0 5px;border-radius:0;animation:loading_5192 1s ease-in-out infinite;background-color:var(--color-primary)}.bar:nth-child(1){animation-delay:.01s}.bar:nth-child(2){animation-delay:.09s}.bar:nth-child(3){animation-delay:.19s}.bar:nth-child(4){animation-delay:.29s}@keyframes loading_5192{0%{transform:scale(1)}20%{transform:scaleY(2.5)}40%{transform:scale(1)}}.notification-panel{position:absolute;top:60px;right:0;width:min(380px,calc(100vw - 60px));max-height:520px;display:flex;flex-direction:column;background:var(--color-surface);border:var(--border-light);border-top:var(--border-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);z-index:1000;overflow:hidden;animation:notification-open .18s ease-out}@keyframes notification-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-button{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:color .2s ease,background-color .2s ease}.notification-button.has-notification{color:#e53935;animation:notification-glow 1.5s ease-in-out infinite}.notification-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background-color:#e53935;border:2px solid var(--primary-color);pointer-events:none}@keyframes notification-glow{0%{box-shadow:0 0 #e5393573}50%{box-shadow:0 0 0 7px #e5393500}to{box-shadow:0 0 #e5393500}}.notification-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:0 16px;border-bottom:var(--border-light)}.notification-title{font-size:17px;font-weight:700;color:var(--color-text)}.notification-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:50%;background:transparent;color:var(--text-faded-color);cursor:pointer;transition:background-color .2s ease,color .2s ease}.notification-close:hover{background-color:#0000001a;color:var(--text-color)}.notification-close .material-symbols-outlined{font-size:22px}.notification-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.notification-list::-webkit-scrollbar{width:var(--space-sm)}.notification-list::-webkit-scrollbar-track{background:var(--color-background);border:1px solid var(--color-surface-hover)}.notification-list::-webkit-scrollbar-thumb{background:var(--color-primary-disabled)}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--color-primary-hover)}.notification-item{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 16px;border:none;border-bottom:var(--border-normal);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .2s ease}.notification-item.unread>.notification-icon{color:var(--color-danger);animation:notification-glow 1.5s ease-in-out infinite}.notification-item:hover{background-color:var(--color-surface-hover)}.notification-icon{flex:0 0 36px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0000001a}.notification-icon .material-symbols-outlined{font-size:20px}.notification-content{flex:1;min-width:0}.notification-message{font-size:14px;line-height:1.4;font-weight:500;word-break:break-word}.notification-time{margin-top:5px;font-size:12px;color:var(--text-faded-color)}.notification-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-faded-color)}.notification-empty .material-symbols-outlined{font-size:42px;margin-bottom:8px}.notification-empty p{margin:0;font-size:14px}@media(max-width:768px){.notification-panel{top:55px}}.header{height:80px;background-color:var(--color-primary);display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 32px 0 64px;border-bottom:var(--border-normal)}.left-section{display:flex;align-items:center}.all-logo-container{display:flex;align-items:center;justify-content:center}.bdx-text-logo{height:21px;cursor:pointer}.bdx-short-text-logo{height:21px;display:none;cursor:pointer}.logo-container{padding:0 0 0 60px}.bdx-logo{height:80px;width:80px;background-color:var(--color-background);display:block;cursor:pointer}.right-section{display:flex;flex:1;align-items:center;justify-content:flex-start;min-width:0}.links{display:flex;align-items:center;flex:1;min-width:0;margin-left:60px;margin-right:10px;gap:clamp(12px,1vw,50px);position:relative}.link-text{color:var(--color-text-inverted);font-size:clamp(14px,2vw,18px);font-weight:500;height:80px;padding:10px;display:inline-flex;align-items:center}.s-links{text-decoration:none;position:relative;white-space:nowrap}.s-links:after{content:"";position:absolute;height:4px;width:0;background-color:var(--color-text-inverted);left:0;bottom:0;transition:width .3s ease}.s-links:hover:after,.s-links:focus:after,.s-links.active:after{width:100%}.more-dropdown-wrapper{position:relative;display:flex;align-items:center;height:80px}.more-btn{all:unset;display:flex;align-items:center;gap:2px;height:80px;cursor:pointer;box-sizing:border-box}.more-btn .link-text{color:var(--color-text-inverted);font-size:clamp(14px,2vw,18px);font-weight:500;padding:10px 4px 10px 10px}.more-btn .material-symbols-outlined{color:var(--color-text-inverted);font-size:20px}.more-dropdown{position:absolute;top:100%;right:0;background:var(--color-surface-raised);min-width:160px;z-index:1000;padding:var(--space-xs);border-top:var(--border-light);box-shadow:0 8px 16px #00000040;border-radius:0 0 4px 4px}.more-dropdown-item{display:block;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;color:var(--color-text-muted);background:none;border:none;text-align:left;cursor:pointer;box-sizing:border-box;width:100%;margin-bottom:4px;border-radius:2px;text-transform:uppercase;white-space:nowrap}.more-dropdown-item:hover,.more-dropdown-item.active{background:var(--color-surface-hover);color:var(--color-text)}.links-measurer{position:absolute;top:0;left:0;visibility:hidden;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:inherit;height:0;overflow:hidden}.header-actions{display:flex;align-items:center;gap:12px;font-size:var(--text-card-title)}.notification-wrapper{position:relative;display:flex;align-items:center;font-size:24px;height:100%}.notification-button{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:color .2s ease,background-color .2s ease}.notification-button:hover{color:var(--color-text-inverted);background-color:#00000014}.notification-button .material-symbols-outlined{font-size:27px}.l-links{display:flex;align-items:center;text-decoration:none;font-size:16px;color:var(--color-text-muted);gap:4px;white-space:nowrap;transition:color .2s ease}.l-links:hover,.l-links:focus{color:var(--color-text-inverted)}.l-links span{font-size:36px}.login-box{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;cursor:pointer;font-size:var(--text-body);font-weight:var(--font-weight-regular)}.login-box .material-symbols-outlined{font-size:24px;color:var(--color-text-muted)}.profile-btn-wrap{position:relative;background-color:transparent}.profile-btn{all:unset;height:80px;display:flex;align-items:center;gap:6px;border-radius:6px;color:var(--color-text-muted);transition:color .2s ease;font-size:var(--text-body);font-weight:var(--font-weight-regular)}.profile-btn:hover,.profile-btn.active{color:var(--color-text-inverted)}.dropdown{position:absolute;top:100%;right:5px;background:var(--color-surface-raised);min-width:120px;z-index:100;padding:var(--space-xs);border-top:var(--border-light)}.dropdown-item{display:block;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;color:var(--color-text-muted);background:none;border:none;text-align:left;cursor:pointer;box-sizing:border-box;width:100%;margin-bottom:10px;border-radius:2px;text-transform:uppercase}.dropdown-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.menu{display:none;color:var(--color-text-inverted);font-weight:var(--font-weight-semibold);cursor:pointer}.material-symbols-outlined.menu{font-size:24px;font-weight:var(--font-weight-medium)}.arrow{display:inline-block;transition:transform .25s ease}.arrow.open{transform:rotate(180deg)}.close-menu{display:flex;align-items:center;justify-content:flex-end;height:80px;cursor:pointer;padding:0 24px}.close-menu .material-symbols-outlined{font-weight:var(--font-weight-medium);color:var(--color-text-inverted);font-size:24px}.side-bar-container{position:fixed;top:80px;right:0;height:calc(100vh - 80px);width:100%}.side-bar{background-color:var(--color-primary);position:fixed;top:0;right:0;height:100vh;z-index:999;width:374px;transform:translate(100%);transition:transform .3s ease-in-out,visibility 0s linear .3s;will-change:transform;pointer-events:none;visibility:hidden}.side-bar.open{transform:translate(0);pointer-events:auto;visibility:visible;transition-delay:0s}.side-bar-outside.open{transform:translate(0);pointer-events:auto;visibility:visible;transition-delay:0s;cursor:pointer}.side-bar-links{padding:5px 24px;text-transform:uppercase}.side-bar-links .sidebar-logout-btn{display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border:var(--border-normal);height:40px;width:100%;margin-bottom:40px;font-size:16px;font-weight:600;color:#fff}.side-bar-links a{display:flex;flex-direction:column;text-decoration:none;border-bottom:var(--border-normal);margin-bottom:12px;height:40px;color:var(--color-text-inverted);font-size:16px;font-weight:500;cursor:pointer}.side-bar-links a.active{font-weight:700;color:#fcfcfc}.sidebar-login-container{position:relative;display:flex;flex-direction:column;align-items:stretch;width:100%;margin-bottom:44px}.sidebar-profile-btn-wrap{position:relative;width:100%}.sidebar-profile-btn-wrap button{background:transparent;border-bottom:var(--border-normal)}.sidebar-profile-btn-wrap.active button{border:none}.sidebar-profile-btn{all:unset;width:100%;height:40px;display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-body);font-weight:var(--font-weight-bold);cursor:pointer;color:var(--color-text-muted);transition:color .2s ease}.sidebar-profile-btn .arrow{margin-left:auto}.sidebar-profile-btn:hover,.sidebar-profile-btn.active{color:var(--color-text-inverted)}.sidebar-dropdown{position:relative;background:var(--color-surface-raised);width:100%;z-index:1;border-top:2px solid black;margin-top:5px;max-height:0;opacity:0;overflow:hidden;padding:0 10px;transition:max-height .2s ease,opacity .2s ease,padding .2s ease;pointer-events:none}.sidebar-dropdown.open{max-height:300px;opacity:1;padding:10px 10px 4px;pointer-events:auto;border-radius:3px}.side-bar-links .sidebar-dropdown-item{padding:10px 16px;font-size:14px;text-decoration:none;color:var(--color-text-muted);background:none;border:none;text-align:left;cursor:pointer;box-sizing:border-box;width:100%;margin-bottom:10px;border-radius:2px;text-transform:uppercase;font-weight:600}.side-bar-links .sidebar-dropdown-item:hover{background-color:var(--color-surface-hover);color:var(--color-text)}@media(max-width:1024px){.header{padding:0 24px}.logo-container{padding:0 0 0 40px}.login-box{display:none}.menu{display:block}.middle-section,.right-section{display:none}.header-actions{gap:8px}.left-section{flex:1;justify-content:space-between}.side-bar.open{box-shadow:-5px 0 5px #0000004d}}@media(max-width:768px){.header{height:72px;padding:0 24px}.bdx-logo{height:72px;width:72px;background-color:var(--color-background)}.bdx-text-logo{display:none}.bdx-short-text-logo{display:block}.side-bar{top:0;height:100vh;width:100%}}.site-footer{background:#121519;border-top:1px solid var(--color-primary-transparent);color:var(--color-text)}.site-footer-inner{width:min(var(--page-width),calc(100% - 48px));margin:0 auto;padding:48px 0 40px;display:grid;align-content:center;justify-content:space-evenly;grid-template-columns:minmax(280px,1.6fr) repeat(2,minmax(220px,1fr));gap:32px}.footer-brand{display:flex;align-items:center;gap:18px}.footer-logo-link{display:grid;place-items:center;width:76px;height:76px;flex:0 0 76px;background:#000}.footer-logo{width:68px;height:68px;object-fit:contain}.footer-brand h2,.footer-column h3{margin:0;color:var(--color-primary)}.footer-brand h2{font-size:1.1rem;letter-spacing:.12em}.footer-brand p,.footer-column a,.footer-column .footer-non-link{color:#adb4bd;font-size:.9rem;line-height:1.6}.footer-brand p{margin-top:6px;max-width:270px}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-column h3{margin-bottom:8px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.footer-column a,.footer-column .footer-non-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;transition:color .2s ease}.footer-link-icon{width:18px;height:18px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;transition:opacity .2s ease,filter .2s ease}.footer-column a:hover .footer-link-icon,.footer-column a:focus-visible .footer-link-icon{opacity:1}.footer-column a:hover,.footer-column a:focus-visible{color:var(--color-primary)}.developer-name{color:var(--color-text);font-weight:700;text-transform:uppercase;letter-spacing:normal}.site-footer-bottom{width:min(var(--page-width),calc(100% - 48px));margin:0 auto;padding:16px 0 20px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);color:#7f8892;font-size:.78rem}@media(max-width:700px){.site-footer-inner{width:min(100% - 32px,480px);grid-template-columns:1fr 1fr;gap:32px 24px}.footer-brand{grid-column:1 / -1}.site-footer-bottom{width:min(100% - 32px,480px);flex-direction:column;gap:4px}}.app-shell{min-height:calc(100vh - 80px);display:flex;flex-direction:column}.app-content{flex:1}@media(max-width:768px){.app-shell{min-height:calc(100vh - 72px)}}.auth-loading{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;color:#000000bf;padding:1rem}.auth-loading-spinner{width:18px;height:18px;border:3px solid rgba(0,0,0,.15);border-top-color:#000000a6;border-radius:50%;animation:auth-loading-spin .9s linear infinite}.admin-access-denied{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#ff0000d9;background:#ff000017}.admin-access-denied h1{margin-bottom:1rem;background:#ff00001a;padding:.5rem 1rem;border-radius:4px}@keyframes auth-loading-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-error{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#000000d9}.app-error h1{margin-bottom:1rem}.app-error pre{max-width:80vw;white-space:pre-wrap;word-break:break-word;background:#00000008;padding:1rem;border-radius:8px;border:1px solid rgba(0,0,0,.08)}
