*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#1a1a2e;color:#fff;overflow-x:hidden;min-height:100vh}.app-container{background:linear-gradient(135deg,#0f0f23,#16213e 25%,#1a1a2e 50%,#16213e 75%,#0f0f23)}.app-container,.main-content{position:relative;min-height:100vh}.main-content{z-index:10;display:flex}.sidebar{width:300px;background:rgba(21,21,43,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid rgba(116,121,227,.2);padding:40px 0;display:flex;flex-direction:column;box-shadow:5px 0 20px rgba(0,0,0,.3)}.sidebar-header{padding:0 30px;margin-bottom:60px;gap:15px}.discord-logo,.sidebar-header{display:flex;align-items:center}.discord-logo{width:40px;height:40px;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);border-radius:12px;justify-content:center;font-weight:700;font-size:20px;color:#fff;box-shadow:0 4px 15px rgba(124,58,237,.4)}.service-title{font-size:20px;font-weight:600;color:#fff}.sidebar-menu{list-style:none;padding:0}.sidebar-item{display:flex;align-items:center;padding:15px 30px;color:#9ca3af;text-decoration:none;transition:all .3s ease;border-right:3px solid transparent;margin:2px 0}.sidebar-item.active,.sidebar-item:hover{background:linear-gradient(90deg,rgba(124,58,237,.15),rgba(168,85,247,.1));color:#e5e7eb;border-right-color:#7c3aed;transform:translateX(5px);box-shadow:0 4px 15px rgba(124,58,237,.2)}.sidebar-icon{width:20px;height:20px;margin-right:12px;background:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.sidebar-icon.user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E")}.sidebar-icon.dashboard{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z'/%3E%3C/svg%3E")}.sidebar-icon.nitro{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 10V3L4 14h7v7l9-11h-7z'/%3E%3C/svg%3E")}.sidebar-icon.server{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01'/%3E%3C/svg%3E")}.sidebar-icon.bots{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z'/%3E%3C/svg%3E")}.content-area{flex:1 1;display:flex;align-items:center;justify-content:center;padding:40px}.login-container{background:rgba(21,21,43,.98);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(124,58,237,.3);border-radius:16px;padding:40px;width:100%;max-width:400px;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 50px rgba(124,58,237,.1);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5) 50%,transparent)}.login-title{font-size:32px;font-weight:600;color:#fff;text-align:center;margin-bottom:30px}.input-group{margin-bottom:25px}.login-input{width:100%;padding:16px 20px;background:rgba(15,15,35,.9);border:2px solid rgba(124,58,237,.4);border-radius:12px;color:#fff;font-size:16px;font-family:inherit;transition:all .3s ease}.login-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.3),0 0 20px rgba(124,58,237,.1);background:#0f0f23}.login-input::placeholder{color:#6c757d}.confirm-button{width:100%;padding:16px;background:linear-gradient(135deg,#7c3aed,#a855f7 50%,#c084fc);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;position:relative;overflow:hidden}.confirm-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s}.confirm-button:hover{background:linear-gradient(135deg,#6d28d9,#9333ea 50%,#a855f7);transform:translateY(-2px);box-shadow:0 15px 40px rgba(124,58,237,.5)}.confirm-button:hover:before{left:100%}.security-note{text-align:center;color:#8b949e;font-size:14px;line-height:1.5}.bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 800px 600px at 20% 50%,rgba(124,58,237,.15) 0,transparent 60%),radial-gradient(ellipse 600px 400px at 80% 20%,rgba(168,85,247,.12) 0,transparent 50%),radial-gradient(ellipse 400px 300px at 40% 80%,rgba(192,132,252,.08) 0,transparent 40%),radial-gradient(ellipse 1000px 500px at 50% 100%,rgba(124,58,237,.05) 0,transparent 70%);pointer-events:none;animation:backgroundShift 20s ease-in-out infinite alternate}@keyframes backgroundShift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(10deg)}}.user-profile-container{width:100%;max-width:800px;background:rgba(21,21,43,.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(124,58,237,.3);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px rgba(0,0,0,.6)}.user-banner{height:200px;background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;background-color:rgba(124,58,237,.2)}.user-avatar-container{position:absolute;bottom:-40px;left:30px}.user-avatar{width:80px;height:80px;border-radius:50%;border:4px solid #15152b;background:#1a1a2e}.nitro-badge{position:absolute;bottom:5px;right:5px;width:24px;height:24px;background:linear-gradient(135deg,#ff73fa,#f171ff);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid #15152b}.user-info-section{padding:50px 30px 30px}.user-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.user-name-group{flex:1 1}.editable-display-name{background:transparent;border:2px solid transparent;color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;padding:8px 12px;border-radius:8px;transition:all .3s ease;width:100%;font-family:inherit}.editable-display-name:focus{outline:none;border-color:#7c3aed;background:rgba(15,15,35,.8);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.username-tag{color:#9ca3af;font-size:18px;font-weight:500;margin-left:12px}.badges-container{gap:8px}.badge-item,.badges-container{display:flex;align-items:center}.badge-item{width:28px;height:28px;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:6px;justify-content:center;color:#fff;cursor:help;transition:transform .2s ease}.badge-item:hover{transform:scale(1.1)}.bio-section{margin-bottom:30px}.field-label{display:block;color:#9ca3af;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.editable-bio{width:100%;background:rgba(15,15,35,.6);border:2px solid rgba(124,58,237,.3);border-radius:12px;color:#fff;font-size:16px;font-family:inherit;padding:16px;resize:vertical;min-height:80px;transition:all .3s ease}.editable-bio:focus{outline:none;border-color:#7c3aed;background:rgba(15,15,35,.9);box-shadow:0 0 0 3px rgba(124,58,237,.2)}.readonly-info{display:grid;grid-gap:20px;gap:20px}.info-item{display:flex;flex-direction:column;gap:8px}.readonly-field{background:rgba(15,15,35,.4);border:2px solid rgba(124,58,237,.2);border-radius:8px;padding:12px 16px;color:#e5e7eb;font-size:16px;font-family:Courier New,monospace}.nitro-status{display:flex;justify-content:space-between;align-items:center}.nitro-type{color:#ff73fa;font-weight:600}.boost-count{color:#7c3aed;font-size:14px}.coming-soon{text-align:center;padding:60px 40px;color:#9ca3af}.coming-soon h2{font-size:32px;margin-bottom:16px;color:#fff}.changes-notification{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateX(-50%) translateY(100px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}.changes-content{background:rgba(21,21,43,.98);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(124,58,237,.4);border-radius:12px;padding:16px 24px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 40px rgba(0,0,0,.5)}.changes-text{color:#fff;font-weight:500;white-space:nowrap}.changes-actions{display:flex;gap:12px}.discard-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.discard-btn:hover{background:rgba(239,68,68,.2);border-color:#ef4444}.save-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#9333ea);transform:translateY(-1px);box-shadow:0 4px 15px rgba(124,58,237,.4)}.confirm-button:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.editable-display-name{position:relative}.editable-display-name:after{content:"⚠️ Local only";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:#fbbf24;opacity:.7;pointer-events:none}.editable-bio{position:relative}.bio-section .field-label:after{content:"🔄 Attempts Discord update";margin-left:8px;font-size:11px;color:#f59e0b;font-weight:400}@media (max-width:768px){.main-content{flex-direction:column}.sidebar{width:100%;height:auto;padding:20px 0}.sidebar-menu{display:flex;overflow-x:auto}.sidebar-item{white-space:nowrap;padding:10px 20px;border-right:none;border-bottom:3px solid transparent}.sidebar-item.active,.sidebar-item:hover{border-right:none;border-bottom-color:#7c3aed}.login-container{margin:20px;padding:30px}.user-profile-container{margin:20px}.user-header{flex-direction:column;gap:20px}.editable-display-name{font-size:24px}.changes-notification{left:20px;right:20px;transform:none}.changes-content{flex-direction:column;gap:12px}.changes-text{white-space:normal;text-align:center}}.under-construction{text-align:center;padding:60px 40px;background:rgba(21,21,43,.95);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(124,58,237,.3);border-radius:16px;max-width:600px;box-shadow:0 25px 80px rgba(0,0,0,.6),0 0 50px rgba(124,58,237,.1);position:relative;overflow:hidden}.under-construction:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,237,.5) 50%,transparent)}.construction-icon{margin:0 auto 30px;width:80px;height:80px;color:#7c3aed;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.construction-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,#fff,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.construction-subtitle{font-size:18px;color:#9ca3af;line-height:1.6}@media (max-width:768px){.construction-title{font-size:32px}.construction-subtitle{font-size:16px}.under-construction{margin:20px;padding:40px 30px}}