:root{--color-primary: #6c9bcf;--color-danger: #ff0060;--color-success: #1b9c85;--color-warning: #f7d060;--color-white: #fff;--color-info-dark: #7d8da1;--color-dark: #363949;--color-light: rgba(132, 139, 200, .18);--color-dark-variant: #677483;--color-background: #f6f6f9;--card-border-radius: 2rem;--border-radius-1: .4rem;--border-radius-2: 1.2rem;--card-padding: 1.8rem;--padding-1: 1.2rem;--box-shadow: 0 2rem 3rem var(--color-light)}.dark-mode-variables{--color-background: #181a1e;--color-white: #202528;--color-dark: #edeffd;--color-dark-variant: #a3bdcc;--color-light: rgba(0, 0, 0, .4);--box-shadow: 0 2rem 3rem var(--color-light)}*{margin:0;padding:0;outline:0;border:0;text-decoration:none;box-sizing:border-box}html{font-size:14px}body{width:100vw;min-height:100vh;font-family:Poppins,sans-serif;font-size:.88rem;-webkit-user-select:none;user-select:none;overflow-x:hidden;color:var(--color-dark);background-color:var(--color-background);position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url(/images/bg2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.45;z-index:-1;pointer-events:none}body.dark-mode-variables:before{background-image:url(/images/bg1.jpg);opacity:.14}a{color:var(--color-dark)}img{display:block;width:100%;object-fit:cover}h1{font-weight:800;font-size:1.8rem}h2{font-weight:600;font-size:1.4rem}h3{font-weight:500;font-size:.87rem}small{font-size:.76rem}p{color:var(--color-dark-variant)}b{color:var(--color-dark)}.text-muted{color:var(--color-info-dark)}.primary{color:var(--color-primary)}.danger{color:var(--color-danger)}.success{color:var(--color-success)}.warning{color:var(--color-warning)}.container{display:grid;width:96%;margin:0 auto;gap:1.8rem;grid-template-columns:12rem auto 23rem;align-items:start}aside{height:100vh;position:sticky;top:0}aside .toggle{display:flex;align-items:center;justify-content:space-between;margin-top:1.4rem;min-height:2.8rem}aside .toggle .logo{display:flex;gap:.5rem}aside .toggle .logo img{width:2.4rem;height:2.4rem;border-radius:8px;object-fit:cover;box-shadow:0 2px 8px #512da859}aside .toggle .close{padding-right:1rem;display:none;cursor:pointer}aside .sidebar{display:flex;flex-direction:column;background-color:var(--color-white);box-shadow:var(--box-shadow);border-radius:15px;height:88vh;position:relative;top:0;transition:all .3s ease}aside .sidebar:hover{box-shadow:none}aside .sidebar a{display:flex;align-items:center;color:var(--color-info-dark);height:3.7rem;gap:1rem;position:relative;margin-left:2rem;transition:all .3s ease}aside .sidebar a span{font-size:1.6rem;transition:all .3s ease}aside .sidebar a:last-child{position:absolute;bottom:2rem;width:100%}aside .sidebar a.active{width:100%;color:#512da8;background-color:#5c6bc01f;margin-left:0}aside .sidebar a.active:before{content:"";width:6px;height:18px;background:linear-gradient(to bottom,#5c6bc0,#512da8)}aside .sidebar a.active span,aside .sidebar a.active h3{color:#512da8;margin-left:calc(1rem - 3px)}aside .sidebar a:hover{color:#512da8}aside .sidebar a:hover span,aside .sidebar a:hover h3{color:#512da8;margin-left:.6rem}aside .sidebar .message-count{background-color:var(--color-danger);padding:2px 6px;color:var(--color-white);font-size:11px;border-radius:var(--border-radius-1)}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:100%;background:transparent;color:var(--color-info-dark);cursor:pointer;padding:.4rem 0;transition:color .2s ease}.sidebar-collapse-btn:hover{color:var(--color-primary)}.sidebar-collapse-btn .material-icons-sharp{font-size:1.4rem}aside.collapsed{width:4.5rem;overflow:hidden}.sidebar-title-glow{font-size:1.4rem;font-weight:800;letter-spacing:.06em;color:#9b59b6;text-shadow:0 0 8px rgba(155,89,182,.8),0 0 18px rgba(155,89,182,.5);animation:sidebar-title-pulse 2.4s ease-in-out infinite}@keyframes sidebar-title-pulse{0%,to{text-shadow:0 0 6px rgba(155,89,182,.7),0 0 14px rgba(155,89,182,.35)}50%{text-shadow:0 0 14px rgba(155,89,182,1),0 0 28px rgba(155,89,182,.65)}}aside.collapsed .toggle .logo h2,aside.collapsed .sidebar h3,aside.collapsed .sidebar .message-count{display:none}aside.collapsed .sidebar a{width:100%;margin-left:0;justify-content:center;padding:0 .5rem}aside.collapsed .sidebar a.active{margin-left:0}aside.collapsed .sidebar a.active:before{display:none}aside.collapsed .sidebar a span.material-icons-sharp{margin-left:0;font-size:1.6rem}aside.collapsed .toggle .logo img{margin:0 auto}aside.collapsed .sidebar-collapse-btn .material-icons-sharp{font-size:1.4rem}.container.sidebar-collapsed{grid-template-columns:4.5rem auto 23rem}aside .sidebar a.guest-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}main{margin-top:1.4rem;padding-top:2.8rem;min-width:0}main .analyse{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}main .analyse>div{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:0;box-shadow:var(--box-shadow);cursor:pointer;transition:all .3s ease}main .analyse>div:hover{box-shadow:none}main .analyse>div .status{display:flex;align-items:center;justify-content:space-between}main .analyse h3{margin-left:.6rem;font-size:1rem}main .analyse .progresss{position:relative;width:92px;height:92px;border-radius:50%}main .analyse svg{width:7rem;height:7rem}main .analyse svg circle{fill:none;stroke-width:10;stroke-linecap:round;transform:translate(5px,5px)}main .analyse .sales svg circle{stroke:var(--color-success);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .visits svg circle{stroke:var(--color-danger);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .searches svg circle{stroke:var(--color-primary);stroke-dashoffset:-30;stroke-dasharray:200}main .analyse .progresss .percentage{position:absolute;top:-3px;left:-1px;display:flex;align-items:center;justify-content:center;height:100%;width:100%}main .new-users{margin-top:1.3rem}main .new-users .user-list{background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);margin-top:1rem;box-shadow:var(--box-shadow);display:flex;justify-content:space-around;flex-wrap:wrap;gap:1.4rem;cursor:pointer;transition:all .3s ease}main .new-users .user-list:hover{box-shadow:none}main .new-users .user-list .user{display:flex;flex-direction:column;align-items:center;justify-content:center}main .new-users .user-list .user img{width:5rem;height:5rem;margin-bottom:.4rem;border-radius:50%;object-fit:cover}.bf-guide-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.4rem}.bf-guide-card{position:relative;border-radius:var(--border-radius-2);overflow:hidden;cursor:pointer;box-shadow:var(--box-shadow);transition:transform .18s}.bf-guide-card:hover{transform:translateY(-3px)}.bf-guide-card img{width:100%;display:block}.bf-guide-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .2s}.bf-guide-card:hover .bf-guide-overlay{background:#00000052}.bf-guide-overlay .material-icons-sharp{font-size:2.4rem;color:#fff;opacity:0;transition:opacity .2s}.bf-guide-card:hover .bf-guide-overlay .material-icons-sharp{opacity:1}@media screen and (max-width: 600px){.bf-guide-cards{grid-template-columns:1fr}}.bf-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.4rem;margin-bottom:1.4rem;margin-top:1.4rem}.bf-stat-card{background:var(--color-white);border-radius:var(--card-border-radius);padding:var(--card-padding);display:flex;align-items:center;gap:1.2rem;box-shadow:var(--box-shadow);transition:all .3s ease}.bf-stat-card:hover{box-shadow:none}.bf-stat-card>.material-icons-sharp{font-size:2.2rem;color:#5c6bc0;background:#5c6bc01a;padding:.6rem;border-radius:50%}.bf-stat-card h3{font-size:.82rem;color:var(--color-info-dark);font-weight:500;margin-bottom:.2rem}.bf-stat-card h1{font-size:1.4rem;font-weight:700;color:var(--color-dark)}.bf-stat-card small{color:var(--color-info-dark);font-size:.75rem}.bf-stat-top>.material-icons-sharp{color:#f5c518;background:#f5c5181f}.bf-table-num{width:3rem;min-width:3rem;padding:0 1rem}.bf-table-name{min-width:10rem;padding:0 1.5rem}.bf-table-govid{min-width:9rem;padding:0 1.5rem}.players-page .table-scroll table th,.players-page .table-scroll table td{padding-left:1.1rem;padding-right:1.1rem;white-space:nowrap}.session-selector{display:flex;align-items:center;gap:.4rem;background:var(--color-white);border:1px solid var(--color-info-light);border-radius:var(--border-radius-1);padding:.3rem .6rem}.session-selector>.material-icons-sharp{font-size:1.1rem;color:#5c6bc0}.session-selector select{border:none;background:transparent;font-size:.85rem;color:var(--color-dark);outline:none;cursor:pointer;max-width:180px}.session-delete-btn{font-size:1.1rem!important;color:var(--color-danger);cursor:pointer;opacity:.6;transition:opacity .2s}.session-delete-btn:hover{opacity:1}.top-player{position:relative;display:flex;flex-direction:column;align-items:center}.top-player-avatar{width:5rem;height:5rem;border-radius:50%;border:3px solid;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);position:relative;margin-bottom:.5rem}.top-player-avatar .material-icons-sharp{font-size:2.6rem;color:var(--color-info-dark)}.rank-badge{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:20px;white-space:nowrap}.kill-points{font-weight:600;color:var(--color-dark)!important;font-size:.85rem;margin-top:.2rem}main .recent-orders{margin-top:1.3rem}main .recent-orders h2{margin-bottom:.8rem}main .recent-orders .table-scroll{max-height:400px;overflow-y:auto;border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}main .recent-orders .table-scroll:hover{box-shadow:none}main .recent-orders .table-scroll::-webkit-scrollbar{width:6px}main .recent-orders .table-scroll::-webkit-scrollbar-track{background:var(--color-background);border-radius:10px}main .recent-orders .table-scroll::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}main .recent-orders table{background-color:var(--color-white);width:100%;padding:var(--card-padding);text-align:center;box-shadow:none;border-radius:var(--card-border-radius);transition:all .3s ease}main .recent-orders table:hover{box-shadow:none}main table tbody td{height:2.8rem;border-bottom:1px solid var(--color-light);color:var(--color-dark-variant)}main table tbody tr:last-child td{border:none}main .recent-orders a{text-align:center;display:block;margin:1rem auto;color:var(--color-primary)}.players-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem}.players-controls{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.search-input,.status-filter{padding:.45rem .8rem;border-radius:var(--border-radius-1);background-color:var(--color-white);color:var(--color-dark);border:1px solid var(--color-light);font-family:Poppins,sans-serif;font-size:.8rem;transition:border-color .3s ease}.search-input:focus,.status-filter:focus{border-color:var(--color-primary);outline:none}.status-filter{cursor:pointer}.import-btn{display:flex;align-items:center;gap:.3rem;padding:.45rem 1rem;background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-1);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:500;transition:background-color .3s ease,opacity .3s ease}.import-btn:hover{background-color:#5580a9}.import-btn:disabled{opacity:.65;cursor:not-allowed}.import-btn .material-icons-sharp{font-size:1.1rem}.alliance-group{margin-bottom:2rem}.alliance-group-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem}.alliance-group-header h2{font-size:1rem;font-weight:600;color:var(--color-dark)}.alliance-count{background:#5c6bc0;color:#fff;font-size:.72rem;font-weight:600;padding:.1rem .55rem;border-radius:2rem}.alliance-empty{color:var(--color-info-dark);font-size:.83rem;padding:1rem 0}.alliance-name-col{min-width:11rem;text-align:left!important;padding-left:1rem!important}.alliance-note-col{min-width:10rem;max-width:16rem;text-align:left!important;padding-left:1rem!important;color:var(--color-info-dark);font-size:.8rem}.alliance-group .table-scroll table th,.alliance-group .table-scroll table td{padding-left:1.2rem;padding-right:1.2rem}.alliance-status-toggle{display:inline-flex;align-items:center;gap:.25rem;border:none;background:transparent;cursor:pointer;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:500;padding:.2rem .5rem;border-radius:var(--border-radius-1);transition:background .2s}.alliance-status-toggle.active{color:var(--color-success)}.alliance-status-toggle.inactive{color:var(--color-danger)}.alliance-status-toggle .material-icons-sharp{font-size:1.3rem}.alliance-status-badge{font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:2rem}.alliance-status-badge.active{background:#1b9c851f;color:var(--color-success)}.alliance-status-badge.inactive{background:#ff4d4d1a;color:var(--color-danger)}.tech-badge{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:2rem}.tech-max{background:#5c6bc026;color:#5c6bc0}.tech-notmax{background:var(--color-light);color:var(--color-info-dark)}.kvk-chart-section{margin-top:2rem}.kvk-chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.kvk-chart-header h2{font-size:1.1rem;font-weight:600;color:var(--color-dark)}.kvk-chart-header p{font-size:.8rem;color:var(--color-info-dark);margin-top:.15rem}.kvk-chart-card{background:var(--color-white);border-radius:var(--card-border-radius);padding:1.4rem;box-shadow:var(--box-shadow)}.kvk-chart-title-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.8rem;margin-bottom:1.2rem}.kvk-chart-title-row h3{font-size:1rem;font-weight:600;color:var(--color-dark)}.kvk-metric-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.kvk-metric-tab{padding:.3rem .75rem;border-radius:2rem;border:1px solid var(--color-info-light);background:transparent;font-size:.75rem;color:var(--color-info-dark);cursor:pointer;font-family:Poppins,sans-serif;transition:all .2s}.kvk-metric-tab:hover{border-color:#5c6bc0;color:#5c6bc0}.kvk-metric-tab.active{background:#5c6bc0;border-color:#5c6bc0;color:#fff}.kvk-chart-wrap{height:260px;position:relative}.kvk-player-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--color-light)}.kvk-player-stat{display:flex;flex-direction:column;gap:.15rem}.kvk-player-stat span{font-size:1.1rem;font-weight:700}.kvk-player-stat small{font-size:.72rem;color:var(--color-info-dark)}.import-message{padding:.55rem 1rem;border-radius:var(--border-radius-1);margin-bottom:.8rem;font-size:.82rem}.import-message.success-msg{background-color:#1b9c851a;color:var(--color-success);border:1px solid var(--color-success)}.import-message.danger-msg{background-color:#ff00601a;color:var(--color-danger);border:1px solid var(--color-danger)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1rem}.pagination button{display:flex;align-items:center;justify-content:center;background-color:var(--color-white);color:var(--color-primary);border-radius:var(--border-radius-1);padding:.25rem .4rem;cursor:pointer;border:1px solid var(--color-light);transition:all .3s ease}.pagination button:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.pagination button:disabled{opacity:.4;cursor:not-allowed}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;border-radius:var(--border-radius-1);padding:.2rem;transition:all .2s ease}.btn-icon.danger{color:var(--color-danger)}.btn-icon.danger:hover{background-color:#ff00601f}.btn-icon.primary{color:var(--color-primary)}.btn-icon.primary:hover{background-color:#6c9bcf26}.btn-icon .material-icons-sharp{font-size:1.15rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background-color:var(--color-white);border-radius:var(--card-border-radius);padding:var(--card-padding);width:90%;max-width:480px;box-shadow:var(--box-shadow)}.modal h2{margin-bottom:1.2rem}.modal-purple{border-top:4px solid;border-image:linear-gradient(to right,#5c6bc0,#512da8) 1}.modal-purple h2{background:linear-gradient(to right,#5c6bc0,#512da8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-purple .btn-primary{background:linear-gradient(to right,#5c6bc0,#512da8)}.modal-purple .btn-primary:hover{opacity:.88;background:linear-gradient(to right,#5c6bc0,#512da8)}.modal-purple .modal-field input:focus,.modal-purple .modal-field select:focus{border-color:#512da8}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1rem}.modal-field{display:flex;flex-direction:column;gap:.3rem}.modal-field label{font-size:.78rem;color:var(--color-info-dark);font-weight:500}.modal-field input,.modal-field select{padding:.5rem .7rem;border-radius:var(--border-radius-1);background-color:var(--color-background);color:var(--color-dark);border:1px solid var(--color-light);font-family:Poppins,sans-serif;font-size:.85rem}.modal-field input:focus,.modal-field select:focus{border-color:var(--color-primary);outline:none}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.btn-primary{padding:.5rem 1.4rem;background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-1);cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:500;transition:background-color .3s ease}.btn-primary:hover{background-color:#5580a9}.btn-secondary{padding:.5rem 1.4rem;background-color:var(--color-light);color:var(--color-dark);border-radius:var(--border-radius-1);cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;transition:background-color .3s ease}.btn-secondary:hover{background-color:var(--color-info-dark);color:#fff}.right-section{position:sticky;top:0;height:100vh;overflow-y:auto;padding-top:1.4rem}.right-section .nav{display:flex;justify-content:flex-end;align-items:center;gap:2rem;min-height:2.8rem}.right-section .nav button:not(.nav-login-btn):not(.nav-logout-btn){display:none}.right-section .dark-mode{background-color:var(--color-light);display:flex;justify-content:space-between;align-items:center;height:1.6rem;width:4.2rem;cursor:pointer;border-radius:var(--border-radius-1)}.right-section .dark-mode span{font-size:1.2rem;width:50%;height:100%;display:flex;align-items:center;justify-content:center}.right-section .dark-mode span.active{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius-1)}.right-section .nav .profile{display:flex;gap:2rem;text-align:right}.right-section .nav .profile .profile-photo{width:2.8rem;height:2.8rem;border-radius:50%;overflow:hidden;flex-shrink:0}.right-section .nav .profile .profile-photo img{width:100%;height:100%;object-fit:cover;display:block}.right-section .user-profile{margin-top:0;background-color:var(--color-white);padding:var(--card-padding);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);transition:all .3s ease}.right-section .user-profile:hover{box-shadow:none}.kd-overview{display:flex;flex-direction:column;gap:.6rem}.kd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.kd-header h2{font-size:1rem;font-weight:600}.kd-edit-btn{cursor:pointer;color:var(--color-primary);font-size:1.1rem!important;transition:color .2s ease,transform .2s ease}.kd-edit-btn:hover{color:#512da8;transform:scale(1.15)}.kd-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.kd-stat-box{display:flex;flex-direction:column;align-items:center;background-color:var(--color-background);border-radius:var(--border-radius-2);padding:.6rem .3rem;gap:.15rem;text-align:center}.kd-stat-icon{font-size:1.1rem!important;color:#5c6bc0}.kd-stat-label{font-size:.62rem;color:var(--color-info-dark);text-transform:uppercase;letter-spacing:.3px}.kd-stat-value{font-size:.78rem;font-weight:700;color:var(--color-dark);word-break:break-all}.kd-grade{display:inline-block;color:#fff;font-size:.75rem;font-weight:800;width:1.6rem;height:1.6rem;border-radius:50%;line-height:1.6rem;text-align:center}.right-section .reminders{margin-top:2rem}.right-section .reminders .header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.add-announcement-btn{cursor:pointer;color:#512da8;font-size:1.6rem!important;transition:transform .2s ease,color .2s ease}.add-announcement-btn:hover{transform:scale(1.15);color:#5c6bc0}.no-announcements{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;color:var(--color-info-dark);font-size:.82rem}.no-announcements .material-icons-sharp{font-size:2rem;opacity:.5}.right-section .reminders .notification{background-color:var(--color-white);display:flex;align-items:flex-start;gap:1rem;margin-bottom:.7rem;padding:1rem var(--card-padding);border-radius:var(--border-radius-2);box-shadow:var(--box-shadow);transition:all .3s ease}.right-section .reminders .notification:hover{box-shadow:none}.right-section .reminders .notification.pinned{border-left:3px solid #512da8}.right-section .reminders .notification .content{display:flex;justify-content:space-between;align-items:flex-start;margin:0;width:100%;gap:.5rem}.right-section .reminders .notification .icon{padding:.6rem;color:var(--color-white);background:linear-gradient(135deg,#5c6bc0,#512da8);border-radius:20%;display:flex;flex-shrink:0}.announcement-body{font-size:.78rem;color:var(--color-dark-variant)!important;margin-top:.2rem;line-height:1.4}.announcement-meta{display:flex;align-items:center;gap:.8rem;margin-top:.35rem;flex-wrap:wrap}.event-date{display:flex;align-items:center;gap:.2rem;color:#512da8!important;font-weight:600}.event-date .material-icons-sharp{font-size:.8rem}.pin-label{font-size:.62rem;background:linear-gradient(to right,#5c6bc0,#512da8);color:#fff;padding:1px 6px;border-radius:10px;margin-left:.4rem;font-weight:600;letter-spacing:.3px;vertical-align:middle}.announcement-actions{display:flex;gap:.3rem;flex-shrink:0}.ann-btn{font-size:1rem!important;cursor:pointer;padding:.15rem;border-radius:var(--border-radius-1);transition:background .2s ease,color .2s ease}.ann-btn.edit{color:var(--color-primary)}.ann-btn.edit:hover{background:#6c9bcf26}.ann-btn.delete{color:var(--color-danger)}.ann-btn.delete:hover{background:#ff00601a}.nav-left{display:flex;align-items:center;gap:.6rem;margin-right:auto}.nav-logo{width:1.8rem;height:1.8rem;border-radius:6px;object-fit:cover;box-shadow:0 1px 4px #512da840}.nav-page-title{font-size:.88rem;font-weight:600;color:var(--color-dark);white-space:nowrap}.profile-photo-wrap{position:relative;display:inline-block}.online-dot{position:absolute;bottom:2px;right:2px;width:.55rem;height:.55rem;background:#2ecc71;border-radius:50%;border:2px solid var(--color-white)}.nav-bell{position:relative;display:flex;align-items:center;cursor:default;color:var(--color-info-dark)}.nav-bell .material-icons-sharp{font-size:1.4rem}.bell-dot{position:absolute;top:0;right:0;width:.45rem;height:.45rem;background:var(--color-danger);border-radius:50%;border:1.5px solid var(--color-white)}.nav-auth{display:flex;align-items:center;gap:.8rem}.nav-login-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem 1rem;background:linear-gradient(to right,#5c6bc0,#512da8);color:#fff;border-radius:var(--border-radius-1);cursor:pointer;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;transition:opacity .2s ease}.nav-login-btn:hover{opacity:.88}.nav-login-btn .material-icons-sharp{font-size:1.1rem}.nav-logout-btn{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-danger);cursor:pointer;border-radius:var(--border-radius-1);padding:.3rem;transition:background-color .2s ease}.nav-logout-btn:hover{background-color:#ff00601a}.nav-logout-btn .material-icons-sharp{font-size:1.3rem}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;align-items:center;justify-content:center;z-index:200}.login-box{display:flex;width:700px;max-width:95vw;min-height:400px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000059}.login-panel{background:linear-gradient(135deg,#5c6bc0,#512da8);color:#fff;width:42%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem;text-align:center}.login-panel h1{font-size:1.6rem;font-weight:700;margin-bottom:.5rem;color:#fff}.login-panel p{font-size:.9rem;color:#fffc;letter-spacing:1px;text-transform:uppercase}.login-form-wrap{background-color:var(--color-white);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 2rem}.login-form-wrap h2{margin-bottom:1.6rem;font-size:1.4rem;font-weight:700;color:#512da8}.login-field{display:flex;align-items:center;background-color:var(--color-background);border:1px solid var(--color-light);border-radius:var(--border-radius-1);padding:0 .8rem;margin-bottom:1rem;width:100%;transition:border-color .2s ease}.login-field:focus-within{border-color:#512da8}.login-field .material-icons-sharp{font-size:1.1rem;color:#512da8;margin-right:.5rem}.login-field input{flex:1;background:transparent;border:none;outline:none;padding:.65rem 0;font-family:Poppins,sans-serif;font-size:.85rem;color:var(--color-dark)}.login-error{color:var(--color-danger);font-size:.8rem;margin-bottom:.8rem;text-align:center;width:100%}.login-submit{width:100%;padding:.65rem;background:linear-gradient(to right,#5c6bc0,#512da8);color:#fff;border:none;border-radius:var(--border-radius-1);font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.5px;cursor:pointer;margin-top:.4rem;transition:opacity .2s ease}.login-submit:hover{opacity:.88}.login-submit:disabled{opacity:.65;cursor:not-allowed}@media screen and (max-width: 560px){.login-panel{display:none}}.players-page{padding-bottom:3rem;min-width:0}.players-page .table-scroll{overflow-x:auto;width:100%;border-radius:var(--card-border-radius);box-shadow:var(--box-shadow)}.players-page .table-scroll table{min-width:600px}.players-page-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.8rem;margin-top:1.4rem}.players-page-loading,.players-page-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:4rem;color:var(--color-info-dark);font-size:.9rem}.players-page-loading .material-icons-sharp,.players-page-empty .material-icons-sharp{font-size:2.5rem}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin 1s linear infinite;display:inline-block}.player-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.4rem}.player-card{position:relative;background:var(--color-white);border-radius:var(--card-border-radius);padding:1.6rem 1.2rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 2px 12px #512da814;border:1px solid transparent}.player-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px #512da838;border-color:#5c6bc059}.card-glow{position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(circle at 50% 50%,rgba(92,107,192,.12),transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none;border-radius:50%}.player-card:hover .card-glow{opacity:1}.card-avatar{position:relative;width:4.5rem;height:4.5rem;border-radius:50%;background:linear-gradient(135deg,#5c6bc026,#512da826);display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;border:2px solid rgba(92,107,192,.25);transition:border-color .25s ease}.player-card:hover .card-avatar{border-color:#5c6bc099}.card-avatar .material-icons-sharp{font-size:2.2rem;color:#5c6bc0}.card-status-dot{position:absolute;bottom:2px;right:2px;width:11px;height:11px;border-radius:50%;border:2px solid var(--color-white)}.card-name{font-size:.95rem;font-weight:600;text-align:center;color:var(--color-dark);margin-top:.2rem}.card-guild{font-size:.75rem;color:#5c6bc0;font-weight:500;text-align:center}.card-stats{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.7rem;width:100%}.card-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem;flex:1}.card-stat .material-icons-sharp{font-size:1rem;color:#5c6bc0}.card-stat span:nth-child(2){font-size:.82rem;font-weight:600;color:var(--color-dark)}.card-stat small{font-size:.65rem;color:var(--color-info-dark);text-transform:uppercase;letter-spacing:.3px}.card-stat-divider{width:1px;height:2rem;background-color:var(--color-light)}.card-hint{font-size:.68rem;color:var(--color-info-dark);margin-top:.6rem;opacity:0;transition:opacity .25s ease}.player-card:hover .card-hint{opacity:1}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:300}.detail-modal{background:var(--color-white);border-radius:var(--card-border-radius);padding:2rem;width:90%;max-width:460px;position:relative;box-shadow:0 20px 60px #512da840;border-top:4px solid;border-image:linear-gradient(to right,#5c6bc0,#512da8) 1;animation:popIn .2s ease}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.detail-close{position:absolute;top:.8rem;right:.8rem;background:transparent;cursor:pointer;color:var(--color-info-dark);display:flex;align-items:center;padding:.2rem;border-radius:var(--border-radius-1);transition:color .2s ease,background .2s ease}.detail-close:hover{color:var(--color-danger);background:#ff006014}.detail-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.2rem}.detail-avatar{width:5rem;height:5rem;border-radius:50%;background:linear-gradient(135deg,#5c6bc026,#512da833);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(92,107,192,.3)}.detail-avatar .material-icons-sharp{font-size:2.8rem;color:#5c6bc0}.detail-identity h2{font-size:1.2rem;color:var(--color-dark);margin-bottom:.2rem}.detail-id{font-size:.75rem;color:var(--color-info-dark);font-family:monospace}.detail-guild{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:#5c6bc0;font-weight:500;margin-top:.2rem}.detail-guild .material-icons-sharp{font-size:.9rem}.detail-status{display:inline-block;margin-top:.4rem;padding:.15rem .7rem;border-radius:20px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.detail-kd{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to right,#5c6bc014,#512da814);border-radius:var(--border-radius-2);padding:.8rem 1.2rem;margin-bottom:1.2rem}.kd-label{font-size:.82rem;color:var(--color-info-dark);font-weight:500}.kd-value{font-size:1.6rem;font-weight:700;background:linear-gradient(to right,#5c6bc0,#512da8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.detail-stat{display:flex;flex-direction:column;align-items:center;background:var(--color-background);border-radius:var(--border-radius-2);padding:.8rem .4rem;gap:.2rem}.detail-stat-icon{font-size:1.2rem;color:#5c6bc0}.detail-stat-value{font-size:1rem;font-weight:700;color:var(--color-dark)}.detail-stat-label{font-size:.65rem;color:var(--color-info-dark);text-transform:uppercase;letter-spacing:.3px}@media screen and (max-width: 1200px){.container{width:95%;grid-template-columns:7rem auto 23rem}aside .logo h2{display:none}aside .sidebar h3{display:none}aside .sidebar a{width:5.6rem}aside .sidebar a:last-child{position:relative;margin-top:1.8rem}main .analyse{grid-template-columns:1fr;gap:0}main .new-users .user-list .user{flex-basis:40%}main .recent-orders{width:94%;position:absolute;left:50%;transform:translate(-50%);margin:2rem 0 0 .8rem}main .recent-orders table{width:83vw}main table thead tr th:last-child,main table thead tr th:first-child{display:none}main table tbody tr td:last-child,main table tbody tr td:first-child{display:none}}@media screen and (max-width: 768px){.container{width:100%;grid-template-columns:1fr;padding:0 var(--padding-1)}aside{position:fixed;background-color:var(--color-white);width:15rem;z-index:3;box-shadow:1rem 3rem 4rem var(--color-light);height:100vh;left:-100%;display:none;animation:showMenu .4s ease forwards}@keyframes showMenu{to{left:0}}aside.open{display:block}aside .logo{margin-left:1rem}aside .logo h2{display:inline}aside .sidebar h3{display:inline}aside .sidebar a{width:100%;height:3.4rem}aside .sidebar a:last-child{position:absolute;bottom:5rem}aside .toggle .close{display:inline-block;cursor:pointer}main{margin-top:8rem;padding:0 1rem}main .new-users .user-list .user{flex-basis:35%}main .recent-orders{position:relative;margin:3rem 0 0;width:100%}main .recent-orders table{width:100%;margin:0}.right-section{width:94%;margin:0 auto 4rem}.right-section .nav{position:fixed;top:0;left:0;display:flex;flex-direction:row;align-items:center;gap:.4rem;background-color:var(--color-white);padding:0 .8rem;height:4.6rem;width:100%;z-index:2;box-shadow:0 1rem 1rem var(--color-light);margin:0}.right-section .nav .dark-mode{width:4.4rem;position:static;margin-left:auto}.right-section .profile .info{display:none}.right-section .nav button#menu-btn{display:inline-flex;align-items:center;background-color:transparent;cursor:pointer;color:var(--color-dark);position:static;border:none;padding:0;flex-shrink:0;margin-right:.5rem}.right-section .nav button#menu-btn span{font-size:2rem}.right-section .nav .nav-left{flex:1;min-width:0;margin-right:0}.right-section .nav .nav-page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-section .nav .nav-auth{gap:.4rem;flex-shrink:0}.players-header{flex-direction:column;align-items:flex-start}.right-section{position:static;height:auto;overflow-y:visible;padding-top:0}.bf-stats-row{grid-template-columns:1fr;gap:.8rem}.players-page-header{flex-direction:column;align-items:flex-start;gap:.8rem}.players-controls{width:100%;flex-wrap:wrap}.search-input{width:100%;box-sizing:border-box}.session-selector{width:100%}.session-selector select{max-width:none;flex:1}.import-btn{flex:1;justify-content:center}.kvk-metric-tabs{width:100%}.kvk-chart-title-row{flex-direction:column}.kvk-chart-header{flex-direction:column;align-items:flex-start}.kvk-player-stats{gap:1rem}.alliance-group-header h2{font-size:.95rem}.modal{width:95%;max-height:90vh;overflow-y:auto}.modal-grid{grid-template-columns:1fr}.pagination{justify-content:center}.kd-overview{flex-direction:column}}.settings-page{padding:1.4rem;max-width:860px}.settings-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1.8rem;color:var(--color-dark)}.settings-header .material-icons-sharp{font-size:1.6rem;color:var(--color-primary)}.settings-header h1{font-size:1.3rem;font-weight:700}.settings-card{background:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--box-shadow);padding:var(--card-padding);margin-bottom:1.4rem}.settings-card-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--color-dark);margin-bottom:.3rem}.settings-card-title .material-icons-sharp{font-size:1.1rem;color:var(--color-primary)}.settings-card-desc{font-size:.8rem;color:var(--color-info-dark);margin-bottom:1.2rem}.settings-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.settings-field{display:flex;flex-direction:column;gap:.35rem}.settings-field label{font-size:.78rem;font-weight:600;color:var(--color-dark-variant);text-transform:uppercase;letter-spacing:.04em}.settings-field input,.settings-field select{padding:.5rem .7rem;border-radius:var(--border-radius-1);background:var(--color-background);color:var(--color-dark);border:1px solid var(--color-light);font-family:Poppins,sans-serif;font-size:.85rem;outline:none;transition:border-color .2s}.settings-field input:focus,.settings-field select:focus{border-color:var(--color-primary)}.settings-images-row{display:flex;gap:2rem;flex-wrap:wrap}.settings-image-uploader{display:flex;flex-direction:column;gap:.6rem;flex:1;min-width:220px}.settings-image-uploader>label{font-size:.78rem;font-weight:600;color:var(--color-dark-variant);text-transform:uppercase;letter-spacing:.04em}.settings-image-preview{width:100%;height:160px;border-radius:var(--border-radius-2);overflow:hidden;background:var(--color-background);border:1px solid var(--color-light)}.settings-image-preview img{width:100%;height:100%;object-fit:cover;display:block}.settings-upload-btn{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem}.settings-upload-btn .material-icons-sharp{font-size:1rem}.settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.4rem 0 1rem}.settings-saved-msg{display:flex;align-items:center;gap:.3rem;font-size:.85rem;color:var(--color-success);font-weight:600}.settings-saved-msg .material-icons-sharp{font-size:1.1rem}.settings-save-btn{padding:.6rem 1.8rem;font-size:.88rem}@media screen and (max-width: 768px){.settings-grid-3{grid-template-columns:repeat(2,1fr)}.settings-images-row{flex-direction:column;gap:1.2rem}}@media screen and (max-width: 480px){.settings-grid-3{grid-template-columns:1fr}}.homepage{min-height:100vh;background:var(--color-background);display:flex;flex-direction:column}.homepage-toast{position:fixed;top:1.2rem;left:50%;transform:translate(-50%);z-index:9999;display:flex;align-items:center;gap:.5rem;background:#1e1e28eb;color:#fff;padding:.7rem 1.4rem;border-radius:var(--border-radius-2);font-size:.82rem;font-weight:500;box-shadow:0 4px 20px #00000059;white-space:nowrap;animation:toast-in .3s ease,toast-out .6s ease 9.4s forwards;max-width:90vw;white-space:normal;text-align:center}.homepage-toast .material-icons-sharp{font-size:1.1rem;color:var(--color-warning);flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-12px)}}.homepage-hero{position:relative;width:100%;height:60vh;min-height:320px;overflow:hidden}.homepage-banner{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.homepage-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#00000059,#000000a6);display:flex;align-items:center;justify-content:center}.homepage-hero-content{display:flex;flex-direction:column;align-items:center;gap:.8rem;text-align:center;color:#fff;padding:1rem}.homepage-hero-logo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.6);box-shadow:0 4px 16px #0006}.homepage-hero-content h1{font-size:2.4rem;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 8px rgba(0,0,0,.5)}.homepage-hero-content h1 span{color:var(--color-primary)}.homepage-title-glow{color:var(--color-primary);text-shadow:0 0 8px rgba(108,155,207,.8),0 0 20px rgba(108,155,207,.5);animation:sidebar-title-pulse 2.4s ease-in-out infinite}.homepage-hero-content p{font-size:1rem;color:#ffffffd9;text-shadow:0 1px 4px rgba(0,0,0,.4)}.homepage-enter-btn{display:inline-flex;align-items:center;gap:.4rem;margin-top:.6rem;padding:.7rem 1.8rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-2);font-size:.95rem;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;box-shadow:0 0 10px #6c9bcf99,0 0 22px #6c9bcf4d;animation:enter-btn-pulse 2.4s ease-in-out infinite;transition:background .2s,transform .15s}@keyframes enter-btn-pulse{0%,to{box-shadow:0 0 8px #6c9bcf99,0 0 18px #6c9bcf4d}50%{box-shadow:0 0 16px #6c9bcf,0 0 32px #6c9bcf99}}.homepage-enter-btn:hover{background:#5585b5;transform:translateY(-1px)}.homepage-enter-btn .material-icons-sharp{font-size:1.1rem}.homepage-section{max-width:720px;width:100%;margin:2.4rem auto 1.2rem;padding:0 1.2rem}.homepage-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.2rem;color:var(--color-dark)}.homepage-section-header h2{font-size:1.1rem;font-weight:600}.homepage-section-header .material-icons-sharp{color:var(--color-primary);font-size:1.3rem}.homepage-empty{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 0;color:var(--color-info-dark)}.homepage-empty .material-icons-sharp{font-size:2rem}.homepage-announcements{display:flex;flex-direction:column;gap:.9rem}.homepage-announcement{display:flex;align-items:flex-start;gap:.9rem;background:var(--color-white);border-radius:var(--border-radius-2);padding:1rem 1.2rem;box-shadow:var(--box-shadow);border-left:3px solid transparent;transition:transform .15s}.homepage-announcement:hover{transform:translateY(-2px)}.homepage-announcement.pinned{border-left-color:var(--color-primary)}.homepage-ann-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-light);flex-shrink:0}.homepage-announcement.pinned .homepage-ann-icon{background:#6c9bcf2e;color:var(--color-primary)}.homepage-ann-icon .material-icons-sharp{font-size:1.1rem;color:var(--color-info-dark)}.homepage-announcement.pinned .homepage-ann-icon .material-icons-sharp{color:var(--color-primary)}.homepage-ann-body{flex:1;min-width:0}.homepage-ann-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem}.homepage-ann-top h3{font-size:.9rem;font-weight:600;color:var(--color-dark)}.homepage-pin-badge{font-size:.68rem;font-weight:600;padding:.15rem .5rem;background:#6c9bcf2e;color:var(--color-primary);border-radius:99px;letter-spacing:.03em}.homepage-ann-body p{font-size:.82rem;color:var(--color-dark-variant);margin-bottom:.4rem;line-height:1.5}.homepage-ann-meta{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap}.homepage-event-date{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-success);font-weight:500}.homepage-event-date .material-icons-sharp{font-size:.9rem}.homepage-time{font-size:.75rem;color:var(--color-info-dark)}.homepage-kd-stats{display:flex;gap:1.4rem;margin-top:.8rem;flex-wrap:wrap;justify-content:center}.homepage-kd-stat{display:flex;align-items:center;gap:.45rem;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.22);border-radius:var(--border-radius-2);padding:.45rem .9rem;color:#fff;min-width:90px}.homepage-kd-stat .material-icons-sharp{font-size:1.1rem;color:var(--color-warning)}.homepage-kd-stat div{display:flex;flex-direction:column;line-height:1.3}.homepage-kd-stat small{font-size:.65rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.homepage-kd-stat strong{font-size:.88rem;font-weight:700}.homepage-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 2rem;border-top:1px solid var(--color-light);color:var(--color-info-dark);font-size:.8rem}.homepage-footer-credits{display:flex;flex-direction:column;gap:.15rem;line-height:1.6}.homepage-footer-credits a{color:var(--color-primary);font-weight:600;text-decoration:none}.homepage-footer-credits a:hover{text-decoration:underline}.homepage-footer-copy{color:var(--color-info-dark);font-size:.75rem;margin-top:.1rem}.homepage-discord-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.2rem;background:#5865f2;color:#fff;border:none;border-radius:var(--border-radius-1);font-size:.82rem;font-family:Poppins,sans-serif;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 0 10px #5865f280,0 0 20px #5865f240;animation:discord-glow 2.4s ease-in-out infinite;transition:background .2s,transform .15s}.homepage-discord-btn:hover{background:#4752c4;transform:translateY(-1px)}.homepage-discord-icon{width:1.05rem;height:1.05rem;flex-shrink:0}@keyframes discord-glow{0%,to{box-shadow:0 0 8px #5865f28c,0 0 18px #5865f240}50%{box-shadow:0 0 14px #5865f2e6,0 0 30px #5865f273}}.homepage-about-card{position:relative;margin-top:1.2rem;border-radius:var(--border-radius-2);overflow:hidden;cursor:pointer;box-shadow:var(--box-shadow);transition:transform .18s}.homepage-about-card:hover{transform:translateY(-3px)}.homepage-about-card img{width:100%;display:block;border-radius:var(--border-radius-2)}.homepage-about-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background .2s;border-radius:var(--border-radius-2)}.homepage-about-card:hover .homepage-about-overlay{background:#00000052}.homepage-about-overlay .material-icons-sharp{font-size:2.4rem;color:#fff;opacity:0;transition:opacity .2s}.homepage-about-card:hover .homepage-about-overlay .material-icons-sharp{opacity:1}.homepage-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d1;display:flex;align-items:center;justify-content:center;padding:1rem;animation:lb-fade-in .18s ease}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}.homepage-lightbox-inner{position:relative;max-width:min(92vw,900px);max-height:90vh;animation:lb-zoom-in .2s ease}@keyframes lb-zoom-in{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.homepage-lightbox-inner img{width:100%;max-height:88vh;object-fit:contain;border-radius:var(--border-radius-2);display:block;box-shadow:0 8px 40px #0009}.homepage-lightbox-close{position:absolute;top:-.9rem;right:-.9rem;width:2rem;height:2rem;border-radius:50%;background:var(--color-danger);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .15s}.homepage-lightbox-close:hover{background:#cc0050}.homepage-lightbox-close .material-icons-sharp{font-size:1.1rem}@media screen and (max-width: 600px){.homepage-hero{height:52vh;min-height:260px}.homepage-hero-content h1{font-size:1.7rem}.homepage-kd-stats{gap:.7rem}.homepage-kd-stat{min-width:76px;padding:.4rem .7rem}.homepage-section{margin-top:1.6rem}.homepage-footer{flex-direction:column;gap:.8rem;text-align:center;padding:1rem}.homepage-footer-credits{align-items:center}}