.social-dark-theme{background-color:#18191a;color:#e4e6eb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.social-top-nav{position:fixed;top:0;left:0;right:0;z-index:300;height:56px;background:#242526;border-bottom:1px solid #3a3b3c;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-shadow:0 2px 8px rgba(0,0,0,.3)}.social-top-nav-logo{font-size:20px;font-weight:800;color:#e4e6eb;letter-spacing:-.5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.social-top-nav-logo span{color:#f0a500;font-style:italic}.social-top-nav-links{display:flex;align-items:center;gap:4px}.social-top-nav-link{background:transparent;border:none;color:#b0b3b8;font-size:14px;font-weight:600;padding:8px 16px;border-radius:6px;cursor:pointer;font-family:inherit;transition:background .15s,color .15s;display:flex;align-items:center;gap:6px;white-space:nowrap}.social-top-nav-link:hover{background:#3a3b3c;color:#e4e6eb}.social-top-nav-link.active{background:rgba(45,136,255,.15);color:#2d88ff}.social-dashboard-layout{display:flex;flex-direction:column;max-width:1400px;margin:0 auto;padding-top:56px}.social-main-content{flex:1 1;background:#18191a;min-height:100vh}.profile-hero-container{background-color:#242526;border-bottom:1px solid #3a3b3c;padding-bottom:20px}.profile-cover-photo{height:350px;width:100%;background:linear-gradient(135deg,#2b5876,#4e4376);position:relative}.edit-cover-btn{position:absolute;bottom:16px;right:16px;background:rgba(0,0,0,.6);color:#e4e6eb;border:1px solid hsla(0,0%,100%,.2);padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s;display:flex;align-items:center;gap:6px}.edit-cover-btn:hover{background:rgba(0,0,0,.8)}.profile-avatar-wrapper{position:absolute;bottom:-40px;left:40px;width:168px;height:168px;border-radius:50%;border:4px solid #242526;background:#3a3b3c;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-avatar-wrapper:hover .avatar-camera-overlay{opacity:1}.avatar-camera-overlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:50%;gap:4px}.avatar-camera-overlay span{font-size:28px}.avatar-camera-overlay p{font-size:11px;color:#e4e6eb;font-weight:600;margin:0;text-align:center;line-height:1.3}.profile-avatar-fallback{font-size:64px;color:#e4e6eb;font-weight:700}.profile-identity-row{margin-top:60px;padding:0 40px;display:flex;justify-content:space-between;align-items:flex-start}.profile-name-section h1{font-size:32px;font-weight:700;margin:0 0 8px}.profile-bio{color:#b0b3b8;font-size:16px;margin-bottom:12px}.profile-pinned-details{display:flex;gap:16px;color:#b0b3b8;font-size:14px;font-weight:500;flex-wrap:wrap}.profile-actions{display:flex;gap:12px}.btn-primary-social{background-color:#0866ff;color:#fff;border:none;padding:8px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:.2s}.btn-primary-social:hover{background-color:#0054d1}.btn-secondary-social{background-color:#3a3b3c;color:#e4e6eb;border:none;padding:8px 24px;border-radius:6px;font-weight:600;cursor:pointer;transition:.2s}.btn-secondary-social:hover{background-color:#4e4f50}.about-container{display:flex;background-color:#242526;border-radius:8px;border:1px solid #3a3b3c;margin:20px;min-height:500px;overflow:hidden}.about-sidebar{width:250px;border-right:1px solid #3a3b3c;padding:10px 0;flex-shrink:0}.about-sidebar h3{padding:10px 20px;color:#e4e6eb;font-size:20px;margin-bottom:10px}.about-nav-item{padding:10px 20px;color:#b0b3b8;font-weight:600;cursor:pointer;transition:.2s;font-size:15px}.about-nav-item:hover{background-color:#3a3b3c;color:#e4e6eb}.about-nav-item.active{color:#2d88ff;background-color:rgba(45,136,255,.1);border-left:3px solid #2d88ff}.about-content{flex:1 1;padding:20px;overflow:hidden}.about-content-header{color:#e4e6eb;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:10px;justify-content:space-between}.about-content-header,.timeline-item{border-bottom:1px solid #3a3b3c;display:flex;align-items:center}.timeline-item{padding:15px 0}.timeline-icon{width:40px;height:40px;border-radius:50%;background-color:#3a3b3c;display:flex;align-items:center;justify-content:center;margin-right:15px;font-size:20px;flex-shrink:0}.timeline-details{flex:1 1}.timeline-title{color:#e4e6eb;font-weight:600;font-size:16px;margin-bottom:4px}.timeline-subtitle{color:#b0b3b8;font-size:14px}.timeline-action{color:#b0b3b8;cursor:pointer;padding:8px;border-radius:50%;transition:.2s;background:none;border:none;font-size:16px}.timeline-action:hover{background-color:#3a3b3c}.inline-edit-form{background-color:#18191a;border:1px solid #3a3b3c;border-radius:8px;padding:20px;margin:10px 0 16px}.inline-edit-form .ief-row{display:flex;gap:12px;margin-bottom:14px}.inline-edit-form .ief-field{display:flex;flex-direction:column;flex:1 1;gap:5px}.inline-edit-form .ief-label{font-size:12px;font-weight:700;color:#b0b3b8;text-transform:uppercase;letter-spacing:.5px}.inline-edit-form .ief-input{width:100%;background-color:#242526;border:1px solid #3a3b3c;color:#e4e6eb;padding:10px 12px;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .15s}.inline-edit-form .ief-input:focus{outline:none;border-color:#2d88ff}.inline-edit-form .ief-select{width:100%;background-color:#242526;border:1px solid #3a3b3c;color:#e4e6eb;padding:10px 12px;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer}.inline-edit-form .ief-checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:14px}.inline-edit-form .ief-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:#2d88ff;cursor:pointer}.inline-edit-form .ief-checkbox-row label{font-size:14px;color:#e4e6eb;cursor:pointer}.inline-edit-form .ief-textarea{width:100%;background-color:#242526;border:1px solid #3a3b3c;color:#e4e6eb;padding:10px 12px;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px}.inline-edit-form .ief-textarea:focus{outline:none;border-color:#2d88ff}.inline-edit-form .ief-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}.inline-edit-form .ief-btn-save{background:#2d88ff;color:#fff;border:none;padding:9px 22px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.inline-edit-form .ief-btn-save:hover{background:#1a6fd4}.inline-edit-form .ief-btn-cancel{background:#3a3b3c;color:#e4e6eb;border:none;padding:9px 22px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.inline-edit-form .ief-btn-cancel:hover{background:#4e4f50}.inline-form{background-color:#18191a;padding:20px;border-radius:8px;border:1px solid #3a3b3c;margin-bottom:20px}.form-input{width:100%;background-color:#242526;border:1px solid #3a3b3c;color:#e4e6eb;padding:10px;border-radius:6px;margin-bottom:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.overview-widget{background:#242526;border:1px solid #3a3b3c;border-radius:8px;padding:16px;margin-bottom:16px;color:#e4e6eb}.overview-widget .ow-label{font-size:10px;font-weight:800;color:#b0b3b8;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.overview-widget .ow-xp-score{font-size:32px;font-weight:900;color:#f0a500;line-height:1;margin-bottom:8px}.overview-widget .ow-xp-score span{font-size:14px;font-weight:600;color:#b0b3b8}.overview-widget .ow-bar-wrap{height:6px;background:hsla(0,0%,100%,.1);border-radius:6px;overflow:hidden}.overview-widget .ow-bar-fill{height:100%;background:linear-gradient(90deg,#e8650a,#f0a500);border-radius:6px;transition:width 1s ease}.overview-widget .ow-level{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:#b0b3b8;font-weight:600}.overview-notif-item{padding:10px 0;border-bottom:1px solid #3a3b3c;display:flex;gap:10px;align-items:flex-start;cursor:pointer}.overview-notif-item:last-child{border-bottom:none}.overview-notif-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.overview-notif-title{font-size:13px;font-weight:700;color:#e4e6eb;line-height:1.4;margin-bottom:2px}.overview-notif-msg{font-size:12px;color:#b0b3b8;line-height:1.5}.overview-notif-time{font-size:10px;color:#b0b3b8;font-weight:600;margin-top:3px}.top-global-nav{position:fixed;top:0;width:100%;height:60px;background-color:#242526;border-bottom:1px solid #3a3b3c;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;color:#e4e6eb}.top-global-nav-links{display:flex;gap:20px;list-style:none;font-weight:700;cursor:pointer}