.side-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;justify-content:flex-end;visibility:hidden;opacity:0;transition:visibility 0s linear .25s,opacity .25s}.side-modal-overlay.active,.side-modal-overlay[style*="display: block"],.side-modal-overlay[style*="display: flex"]{visibility:visible;opacity:1;transition-delay:0s}.side-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);animation:.25s ease-out fadeIn}.side-modal-container{position:relative;width:100%;max-width:440px;height:100%;background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-main) 100%);box-shadow:-20px 0 60px rgba(0,0,0,.2),-5px 0 20px rgba(37,99,235,.1);display:flex;flex-direction:column;animation:.35s cubic-bezier(.16,1,.3,1) slideInFromRight;overflow:hidden;overflow-x:hidden;border-left:1px solid rgba(255,255,255,.1)}@keyframes slideInFromRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutToRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.side-modal-overlay.closing .side-modal-container{animation:.25s ease-in forwards slideOutToRight}.side-modal-overlay.closing .side-modal-backdrop{animation:.25s ease-in forwards fadeOut}.side-modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:20px 24px 16px;background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 50%,#1d4ed8 100%);color:#fff;flex-shrink:0;position:relative;overflow:hidden}.side-modal-header::before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.15) 0,transparent 70%);pointer-events:none}.side-modal-header::after{content:"";position:absolute;bottom:-30%;left:-10%;width:150px;height:150px;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);pointer-events:none}.side-modal-title{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;margin:0;position:relative;z-index:1}.side-modal-title i{width:22px;height:22px}.side-modal-header h2{display:flex;align-items:center;gap:12px;font-size:1.2rem;font-weight:700;margin:0;color:#fff;position:relative;z-index:1}.side-modal-header h2 i{width:22px;height:22px}.side-modal-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:.2s;position:relative;z-index:1}.side-modal-close:hover{background:rgba(255,255,255,.25);transform:scale(1.05) rotate(90deg)}.side-modal-close i{width:18px;height:18px}.side-modal-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 20px 30px;background:0 0}.side-modal-body::-webkit-scrollbar{width:6px}.side-modal-body::-webkit-scrollbar-track{background:0 0}.side-modal-body::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.side-modal-body::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:var(--text-secondary);font-size:.95rem}.modal-loading .spin{animation:1s linear infinite spin;color:var(--primary-accent)}.modal-error{text-align:center;padding:40px 20px;color:#ef4444;background:rgba(239,68,68,.05);border-radius:16px;border:1px dashed rgba(239,68,68,.3)}.modal-profile{display:flex;flex-direction:column;gap:16px}.profile-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 24px 28px;background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 50%,#1d4ed8 100%);border-radius:20px;text-align:center;overflow:hidden;box-shadow:0 8px 32px rgba(59,130,246,.25)}.profile-header::before{content:"";position:absolute;top:-50%;right:-30%;width:250px;height:250px;background:radial-gradient(circle,rgba(255,255,255,.12) 0,transparent 70%);animation:6s ease-in-out infinite float-rotate}.profile-header::after{content:"";position:absolute;bottom:-40%;left:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);animation:8s ease-in-out infinite reverse float-rotate}@keyframes float-rotate{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.profile-avatar-large{position:relative;z-index:1;width:100px;height:100px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.4);box-shadow:0 8px 24px rgba(0,0,0,.2),0 0 0 4px rgba(255,255,255,.1);transition:transform .3s}.profile-avatar-large:hover{transform:scale(1.05)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-info{position:relative;z-index:1}.profile-info h2{font-size:1.4rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.15)}.profile-email{color:rgba(255,255,255,.85);font-size:.85rem;margin-top:6px;background:rgba(255,255,255,.15);padding:4px 12px;border-radius:20px;display:inline-block}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{background:linear-gradient(145deg,var(--bg-card) 0,var(--bg-sidebar) 100%);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.04);transition:.25s;position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .25s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.stat-card:hover::before{opacity:1}.stat-card .stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.stat-card .stat-icon::after{content:"";position:absolute;inset:-2px;border-radius:14px;opacity:.3}.stat-card .stat-icon.gems{background:linear-gradient(135deg,rgba(249,115,22,.15) 0,rgba(251,146,60,.15) 100%);color:#f97316}.stat-card:has(.stat-icon.gems)::before{background:linear-gradient(90deg,#f97316 0,#fb923c 100%)}.stat-card .stat-icon.points{background:linear-gradient(135deg,rgba(234,179,8,.15) 0,rgba(250,204,21,.15) 100%);color:#eab308}.stat-card:has(.stat-icon.points)::before{background:linear-gradient(90deg,#eab308 0,#facc15 100%)}.stat-card .stat-icon.streak{background:linear-gradient(135deg,rgba(239,68,68,.15) 0,rgba(248,113,113,.15) 100%);color:#ef4444}.stat-card:has(.stat-icon.streak)::before{background:linear-gradient(90deg,#ef4444 0,#f87171 100%)}.stat-card .stat-icon.rank{background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(37,99,235,.15) 100%);color:var(--primary-accent)}.stat-card:has(.stat-icon.rank)::before{background:linear-gradient(90deg,var(--primary-accent) 0,#2563eb 100%)}.stat-card .stat-icon i{width:22px;height:22px}.stat-card .stat-content{display:flex;flex-direction:column;min-width:0}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-headings);line-height:1}.stat-label{font-size:.7rem;color:var(--text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.profile-section{background:linear-gradient(145deg,var(--bg-card) 0,var(--bg-sidebar) 100%);border-radius:16px;padding:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 12px rgba(0,0,0,.04)}.profile-section h3{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--text-headings);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.profile-section h3 i{width:18px;height:18px;color:var(--primary-accent)}.badges-list{display:flex;flex-wrap:wrap;gap:8px}.badge-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:linear-gradient(135deg,rgba(59,130,246,.08) 0,rgba(59,130,246,.08) 100%);border:1px solid rgba(59,130,246,.15);border-radius:24px;font-size:.8rem;font-weight:500;color:var(--text-primary);transition:.2s}.badge-item:hover{background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(59,130,246,.15) 100%);transform:scale(1.02)}.badge-item i{width:14px;height:14px;color:var(--primary-accent)}.empty-state{color:var(--text-secondary);font-size:.85rem;text-align:center;padding:24px 16px;background:linear-gradient(135deg,rgba(59,130,246,.04) 0,rgba(59,130,246,.04) 100%);border:1px dashed rgba(59,130,246,.2);border-radius:14px}.modal-settings{display:flex;flex-direction:column;gap:16px}.settings-section{background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);transition:.25s}.settings-section:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}.settings-section-highlight{background:linear-gradient(145deg,rgba(59,130,246,.08) 0,rgba(37,99,235,.06) 100%);border:1px solid rgba(59,130,246,.2);position:relative;overflow:hidden}.settings-section-highlight::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent) 0,#2563eb 50%,#1d4ed8 100%)}.settings-section-highlight h3{color:var(--primary-accent)}.settings-section h3{display:flex;align-items:center;gap:10px;font-size:.9rem;font-weight:600;color:var(--text-headings);margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-section h3 i{width:18px;height:18px;color:var(--primary-accent);background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(59,130,246,.1) 100%);padding:6px;border-radius:8px;box-sizing:content-box}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:rgba(255,255,255,.03);border-radius:14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.04);transition:.2s}.setting-item:hover{background:rgba(255,255,255,.06);border-color:rgba(59,130,246,.2);transform:translateX(4px)}.setting-item:last-child{margin-bottom:0}.setting-info{display:flex;flex-direction:column;gap:3px}.setting-label{font-weight:600;font-size:.88rem;color:var(--text-headings)}.setting-desc{font-size:.72rem;color:var(--text-muted);line-height:1.4}.setting-select-wrapper{position:relative}.setting-select{padding:10px 36px 10px 14px;background:linear-gradient(135deg,rgba(59,130,246,.08) 0,rgba(59,130,246,.04) 100%);border:1px solid rgba(59,130,246,.25);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text-headings);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;min-width:150px;transition:.3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 8px rgba(59,130,246,.06),inset 0 1px 0 rgba(255,255,255,.05);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.setting-select option{background:var(--bg-card);color:var(--text-headings);padding:10px}.setting-select:hover{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(59,130,246,.12) 0,rgba(59,130,246,.08) 100%);box-shadow:0 4px 16px rgba(59,130,246,.15),inset 0 1px 0 rgba(255,255,255,.08);transform:translateY(-1px)}.setting-select:focus{outline:0;border-color:var(--primary-accent);background:linear-gradient(135deg,rgba(59,130,246,.15) 0,rgba(59,130,246,.1) 100%);box-shadow:0 0 0 3px rgba(59,130,246,.2),0 4px 16px rgba(59,130,246,.2)}.toggle-switch{position:relative;width:52px;height:28px;cursor:pointer;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch .toggle-slider{position:absolute;inset:0;background:linear-gradient(135deg,#94a3b8 0,#64748b 100%);border-radius:28px;transition:.4s cubic-bezier(.4, 0, .2, 1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 6px rgba(100,116,139,.2);border:none}.toggle-switch .toggle-slider::before{content:"";position:absolute;width:22px;height:22px;left:3px;bottom:3px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border-radius:50%;transition:.4s cubic-bezier(.4, 0, .2, 1);box-shadow:0 2px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1)}.toggle-switch .toggle-slider::after{content:"";position:absolute;right:8px;left:auto;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;transition:.3s}.toggle-switch:hover .toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 10px rgba(100,116,139,.3)}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 8px rgba(59,130,246,.35)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(24px)}.toggle-switch input:checked+.toggle-slider::after{content:"";left:8px;right:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");opacity:1}.toggle-switch:hover input:checked+.toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 12px rgba(59,130,246,.45)}.toggle-switch input:active+.toggle-slider::before{width:26px}.linked-accounts{display:flex;flex-direction:column;gap:10px}.link-account-btn{display:flex;align-items:center;gap:14px;padding:14px 18px;background:linear-gradient(135deg,var(--bg-element) 0,rgba(255,255,255,.02) 100%);border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:.9rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:.25s;position:relative;overflow:hidden}.link-account-btn::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .25s}.link-account-btn:hover{background:linear-gradient(135deg,var(--bg-sidebar) 0,rgba(255,255,255,.04) 100%);transform:translateX(4px)}.link-account-btn:hover::before{opacity:1}.link-account-btn i{width:22px;height:22px;transition:transform .25s}.link-account-btn:hover i{transform:scale(1.1)}.link-account-btn.discord i{color:#5865f2}.link-account-btn.discord::before{background:#5865f2}.link-account-btn.roblox i{color:#e34c4c}.link-account-btn.roblox::before{background:#e34c4c}.link-account-btn:disabled{opacity:.6;cursor:not-allowed}.link-account-btn:disabled:hover{background:linear-gradient(135deg,var(--bg-element) 0,rgba(255,255,255,.02) 100%);transform:none}.link-status{margin-left:auto;font-size:.75rem;font-weight:500;padding:5px 10px;background:rgba(0,0,0,.08);border-radius:8px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.link-status.linked{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(52,211,153,.15) 100%);color:#10b981;border:1px solid rgba(16,185,129,.2)}.link-status.linked i{width:14px;height:14px}.settings-actions{padding-top:20px;border-top:1px solid rgba(255,255,255,.06);margin-top:4px}.btn-danger{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,rgba(239,68,68,.1) 0,rgba(248,113,113,.1) 100%);color:#ef4444;border:1px solid rgba(239,68,68,.2);border-radius:14px;font-size:.9rem;font-weight:600;cursor:pointer;transition:.25s}.btn-danger:hover{background:linear-gradient(135deg,rgba(239,68,68,.2) 0,rgba(248,113,113,.2) 100%);border-color:rgba(239,68,68,.4);transform:translateY(-1px);box-shadow:0 4px 16px rgba(239,68,68,.15)}.btn-danger i{width:18px;height:18px}.modal-progress{display:flex;flex-direction:column;gap:16px}.progress-overview{display:flex;justify-content:center;padding:32px 0;background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);position:relative;overflow:hidden}.progress-overview::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-accent) 0,#2563eb 50%,#1d4ed8 100%)}.progress-circle-large{position:relative;width:140px;height:140px}.progress-circle-large svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 4px 12px rgba(59, 130, 246, .2))}.progress-circle-large .progress-bg{fill:none;stroke:rgba(59,130,246,0.1);stroke-width:10}.progress-circle-large .progress-fill{fill:none;stroke:url(#progressGradient);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .8s cubic-bezier(.4, 0, .2, 1)}.progress-circle-large .progress-fill:not([stroke="url(#progressGradient)"]){stroke:var(--primary-accent)}.progress-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.progress-text .progress-value{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 50%,#1d4ed8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.progress-text .progress-label{font-size:.75rem;color:var(--text-muted);margin-top:6px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.progress-stats-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.progress-stat{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:20px 14px;background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04);transition:.25s}.progress-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.progress-stat i{width:26px;height:26px;padding:10px;background:linear-gradient(135deg,rgba(59,130,246,.1) 0,rgba(59,130,246,.1) 100%);border-radius:12px;color:var(--primary-accent);box-sizing:content-box}.progress-stat .stat-value{font-size:1.5rem;font-weight:700;color:var(--text-headings);line-height:1}.progress-stat .stat-label{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.modules-progress-list{background:linear-gradient(145deg,rgba(30,41,59,.5) 0,rgba(15,23,42,.5) 100%);border-radius:18px;padding:20px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 16px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.04)}.modules-progress-list h3{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06)}.modules-progress-list h3 i{width:16px;height:16px;color:var(--primary-accent)}.module-progress-item{padding:16px 18px;background:rgba(255,255,255,.03);border-radius:14px;margin-bottom:12px;border:1px solid rgba(255,255,255,.04);transition:.2s}.module-progress-item:hover{background:rgba(255,255,255,.06);border-color:rgba(59,130,246,.2);transform:translateX(4px)}.module-progress-item:last-child{margin-bottom:0}.module-progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modules-progress-list .module-title{font-size:.85rem;color:var(--text-headings);font-weight:600}.modules-progress-list .module-percent{font-size:.8rem;font-weight:700;background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modules-progress-list .module-progress-bar{height:8px;background:rgba(59,130,246,.1);border-radius:4px;overflow:hidden;position:relative}.modules-progress-list .module-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-accent) 0,#2563eb 50%,#1d4ed8 100%);border-radius:4px;transition:width .5s cubic-bezier(.4, 0, .2, 1);position:relative}.modules-progress-list .module-progress-fill::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0,rgba(255,255,255,.3) 50%,transparent 100%);animation:2s infinite shimmer-slide}@keyframes shimmer-slide{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:768px){.side-modal-container{max-width:100%}.side-modal-header{padding:16px 18px}.side-modal-header h2,.side-modal-title{font-size:1.05rem}.side-modal-body{padding:16px}.profile-header{padding:24px 20px}.profile-avatar-large{width:85px;height:85px}.profile-info h2{font-size:1.2rem}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{padding:14px}.progress-circle-large{width:120px;height:120px}.progress-text .progress-value{font-size:1.8rem}.progress-stats-row{grid-template-columns:repeat(3,1fr);gap:8px}.progress-stat{padding:14px 8px}.progress-stat i{width:22px;height:22px;padding:8px}.progress-stat .stat-value{font-size:1.2rem}}@media (max-width:380px){.progress-stats-row{grid-template-columns:1fr;gap:10px}.progress-stat{flex-direction:row;justify-content:flex-start;gap:12px;text-align:left}.profile-stats-grid{grid-template-columns:1fr}}.side-modal-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.side-modal-header-content h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;margin:0;color:#fff}.side-modal-header-content h2 i{width:22px;height:22px}.side-modal-subtitle{color:rgba(255,255,255,.75);font-size:.85rem;margin:0}.side-modal-header>.side-modal-close{position:absolute;top:16px;right:16px}.side-modal-header-actions{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:8px}.side-modal-action-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;cursor:pointer;transition:.2s}.side-modal-action-btn:hover{background:rgba(255,255,255,.25);transform:translateY(-1px)}.side-modal-action-btn i{width:18px;height:18px}.side-modal-header-actions .side-modal-close{position:relative;top:0;right:0}.modal-tabs{display:flex;gap:4px;padding:4px;margin:0 20px 16px;background:var(--bg-element);border:1px solid rgba(59,130,246,.15);border-radius:12px;flex-shrink:0}.modal-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;background:0 0;border:none;border-radius:8px;font-size:.75rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:.25s;position:relative;overflow:hidden;white-space:nowrap}.modal-tab-btn i{width:14px;height:14px;flex-shrink:0}.modal-tab-btn:hover{background:rgba(59,130,246,.08);color:var(--text-primary)}.modal-tab-btn.active{background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 100%);color:#fff;box-shadow:0 4px 12px rgba(59,130,246,.3)}.modal-tab-btn.active i{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, .2))}.modal-tab-content{padding:4px 0 0}.settings-account-modern{display:flex;flex-direction:column;gap:24px}.account-header{display:flex;align-items:center;gap:16px;padding:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px}.account-avatar{position:relative;width:70px;height:70px;flex-shrink:0}.account-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.1)}.account-info{flex:1;min-width:0}.account-name{font-size:1.25rem;font-weight:700;color:var(--text-headings);margin-bottom:4px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-email{font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-badges{display:flex;gap:8px;flex-wrap:wrap}.account-badge{font-size:.75rem;padding:4px 10px;border-radius:12px;background:rgba(255,255,255,.05);color:var(--text-secondary);border:1px solid rgba(255,255,255,.1)}.account-section{display:flex;flex-direction:column;gap:10px}.account-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-left:4px}.account-input-group{position:relative;display:flex;gap:10px}.account-input-wrapper{position:relative;flex:1}.account-input{width:100%;padding:12px 12px 12px 42px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:.2s;box-sizing:border-box}.account-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(37,99,235,.1);outline:0}.account-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-muted)}.account-save-btn{padding:0 20px;background:var(--primary-accent);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s;white-space:nowrap}.account-save-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.account-hint{font-size:.8rem;color:var(--text-muted);margin-top:6px;display:flex;align-items:center;gap:6px}.account-hint.warning{color:#eab308}.account-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-box{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px}.detail-label{font-size:.8rem;color:var(--text-muted);margin-bottom:4px;display:block}.detail-value{font-size:1rem;font-weight:600;color:var(--text-headings);display:flex;align-items:center;gap:8px;word-break:break-all}.account-logout{width:100%;padding:16px;background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);color:#ef4444;font-weight:600;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s;margin-top:10px}.account-logout:hover{background:rgba(239,68,68,.1)}@media (max-width:480px){.header-actions{display:none}.account-header{flex-direction:column;text-align:center}.account-info{width:100%}.account-badges{justify-content:center}.account-input-group{flex-direction:column}.account-save-btn{width:100%;justify-content:center;padding:12px}.account-details-grid{grid-template-columns:1fr}}.settings-account-modern{display:flex;flex-direction:column;gap:20px;padding:10px 0}.account-header-card{background:var(--bg-card-light,rgba(255,255,255,.05));border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:20px;padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05)}.account-header-content{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.account-avatar-large{width:90px;height:90px;border-radius:50%;border:3px solid var(--bg-main);box-shadow:0 0 0 2px var(--primary-accent);padding:3px;background:var(--bg-card)}.account-avatar-large img{width:100%;height:100%;border-radius:50%;object-fit:cover}.account-identity{display:flex;flex-direction:column;gap:4px}.account-name-large{font-size:1.4rem;font-weight:700;color:var(--text-headings)}.account-email-large{font-size:.95rem;color:var(--text-muted)}.account-badges-row{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap;justify-content:center}.badge-pill{font-size:.8rem;padding:6px 14px;border-radius:20px;background:rgba(var(--primary-rgb),.1);color:var(--primary-accent);font-weight:500;display:flex;align-items:center;gap:6px}.settings-section-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.section-title{font-size:1rem;font-weight:600;color:var(--text-headings);margin-bottom:16px;display:flex;align-items:center;gap:10px}.section-title i{color:var(--primary-accent)}.pseudo-input-container{display:flex;gap:12px;margin-bottom:12px}.modern-input-wrapper{position:relative;flex:1}.modern-input-wrapper i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.modern-input{width:100%;padding:12px 16px 12px 42px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:.2s}.modern-input:focus{border-color:var(--primary-accent);box-shadow:0 0 0 3px rgba(37,99,235,.15);outline:0}.save-btn-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:none;background:var(--primary-accent);color:#fff;cursor:pointer;transition:.2s}.save-btn-icon:hover{transform:translateY(-2px);filter:brightness(1.1)}.info-note{font-size:.85rem;color:var(--text-muted);display:flex;align-items:flex-start;gap:8px;line-height:1.4}.tech-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tech-card{background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:6px}.tech-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600}.tech-value{font-family:var(--font-code);font-size:.95rem;color:var(--text-primary);word-break:break-all;display:flex;align-items:center;gap:6px}.logout-card-btn{width:100%;padding:18px;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);color:#ef4444;font-weight:600;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s}.logout-card-btn:hover{background:rgba(239,68,68,.15);transform:translateY(-1px)}.tech-value.full-id{font-size:.8rem;word-break:break-all;line-height:1.4;user-select:all}.pseudo-minimal-section{display:flex;flex-direction:column;gap:10px;padding:10px}.pseudo-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-left:4px;margin-bottom:-5px}.settings-connexions-modern{display:flex;flex-direction:column;gap:20px;padding:10px 0}.connection-card-modern{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.connection-card-modern:hover{border-color:var(--primary-accent)}.connection-card-modern.discord{border-top:4px solid #5865f2}.connection-card-modern.roblox{border-top:4px solid #000}.connection-header-modern{display:flex;align-items:center;gap:16px;margin-bottom:20px}.connection-icon-box{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;flex-shrink:0}.connection-icon-box.discord{background:#5865f2}.connection-icon-box.roblox{background:#232527}.connection-title-group h3{font-size:1.1rem;font-weight:700;margin:0 0 4px}.connection-title-group p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.3}.connection-linked-state{background:rgba(var(--primary-rgb),.05);border:1px solid rgba(var(--primary-rgb),.1);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center}.linked-user-info{display:flex;align-items:center;gap:12px}.linked-user-info i{color:var(--success);font-size:1.2rem}.linked-username{font-weight:600;color:var(--text-headings);font-size:1rem}.btn-unlink{background:0 0;color:var(--text-muted);border:1px solid var(--border-color);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:.2s;display:flex;align-items:center;gap:6px}.btn-unlink:hover{background:rgba(239,68,68,.1);color:#ef4444;border-color:#ef4444}.btn-connect{width:100%;padding:14px;border-radius:12px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:.2s;color:#fff;font-size:1rem}.btn-connect.discord{background:#5865f2}.btn-connect.discord:hover{background:#4752c4;transform:translateY(-2px)}.btn-connect.roblox{background:var(--text-headings);color:var(--bg-main)}.roblox-steps-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.roblox-step{display:flex;gap:12px}.step-num{width:24px;height:24px;background:var(--bg-card-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0;color:var(--text-secondary);border:1px solid var(--border-color)}.step-content{flex:1}.step-content h5{font-size:.9rem;margin:0 0 6px;color:var(--text-primary)}.step-content p{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.4}.code-copy-box{display:flex;gap:8px;margin-top:8px}.code-display{background:#1e293b;color:#fff;padding:8px 12px;border-radius:8px;font-family:var(--font-code);font-size:1rem;letter-spacing:1px;flex:1;text-align:center;border:1px solid rgba(255,255,255,.1)}.btn-copy-mini{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-primary);width:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.btn-copy-mini:hover{background:var(--primary-accent);color:#fff;border-color:var(--primary-accent)}.reward-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:#eab308;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:8px}.reward-tag.claimed{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3);color:#22c55e}.settings-preferences-modern{display:flex;flex-direction:column;gap:20px;padding:10px 0}.preference-section-card{background:var(--bg-card);border:1px solid var(--border-color);transition:border-color .2s}.preference-section-card:hover{border-color:var(--primary-accent)}.preference-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);background:rgba(var(--primary-rgb),.03)}.preference-header-info{display:flex;align-items:center;gap:14px}.pref-icon-box{background:var(--bg-main);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--primary-accent)}.preference-title h4{font-size:1rem;font-weight:700;margin:0 0 2px;color:var(--text-headings)}.preference-title p{font-size:.8rem;color:var(--text-muted);margin:0}.preference-content{padding:8px 0}.preference-item-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.preference-item-row:last-child{border-bottom:none}.pref-item-info{display:flex;align-items:center;gap:12px}.pref-mini-icon{width:32px;height:32px;border-radius:8px;background:var(--bg-card-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:.9rem}.pref-label{font-size:.95rem;font-weight:500;color:var(--text-primary)}.preference-section-card{background:var(--bg-card);border-radius:16px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.preference-header-row{background:linear-gradient(to right,rgba(var(--primary-rgb),.05),transparent);padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.preference-header-info{display:flex;align-items:center;gap:12px}.pref-icon-box{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--primary-accent);box-shadow:0 2px 8px rgba(0,0,0,.05);font-size:1.1rem}.modern-toggle{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.modern-toggle input{opacity:0;width:0;height:0;position:absolute}.modern-toggle .toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#94a3b8 0,#64748b 100%);transition:.4s cubic-bezier(.4, 0, .2, 1);border-radius:28px;border:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 6px rgba(100,116,139,.2)}.modern-toggle .toggle-slider::before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);transition:.4s cubic-bezier(.4, 0, .2, 1);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2),0 1px 3px rgba(0,0,0,.1)}.modern-toggle .toggle-slider::after{content:"";position:absolute;right:8px;left:auto;top:50%;transform:translateY(-50%);width:10px;height:10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.9;transition:.3s}.modern-toggle:hover .toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 10px rgba(100,116,139,.3)}.modern-toggle:hover .toggle-slider::before{transform:scale(1.05)}.modern-toggle input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-accent) 0,#2563eb 100%);box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 2px 8px rgba(59,130,246,.35)}.modern-toggle input:checked+.toggle-slider::before{transform:translateX(24px)}.modern-toggle input:checked+.toggle-slider::after{content:"";left:8px;right:auto;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");opacity:1}.modern-toggle:hover input:checked+.toggle-slider{box-shadow:inset 0 2px 4px rgba(0,0,0,.1),0 4px 12px rgba(59,130,246,.45)}.modern-toggle input:focus+.toggle-slider{outline:0}.modern-toggle input:active+.toggle-slider::before{width:26px}.pref-select-wrapper{position:relative;min-width:150px}.pref-select{appearance:none;background:var(--bg-card-hover);border:1px solid var(--border-color);padding:8px 32px 8px 12px;border-radius:8px;color:var(--text-primary);font-size:.9rem;cursor:pointer;width:100%}.pref-select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.8rem}.preference-section-card{border:1px solid rgba(0,0,0,.05)!important;box-shadow:0 4px 15px rgba(0,0,0,.02);background:var(--bg-card)}.preference-header-row{background:linear-gradient(to right,rgba(var(--primary-rgb),.05),transparent);border-bottom:1px solid rgba(0,0,0,.05)}.toggle-slider{background-color:#e2e8f0;border:none}.toggle-slider:before{background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.2)}input:checked+.toggle-slider{background-color:#22c55e!important;border-color:#22c55e!important}.pref-mini-icon{background:rgba(var(--primary-rgb),.1);color:var(--primary-accent)}.preference-item-row:hover{background-color:rgba(0,0,0,.01)}.side-modal-container{padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:480px){.side-modal-container{max-width:100%;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}.side-modal-header{padding-top:max(16px,env(safe-area-inset-top,0px))}}