*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eef2f7;--surface:#fff;--surface-2:#f4f7fb;--surface-3:#f9fbfd;--border:#dce5ef;--border-light:#e8f0f7;--text-primary:#0a1628;--text-secondary:#2d4a6e;--text-muted:#7a9bb8;--accent:#08306b;--accent-light:#e8f0fb;--accent-subtle:#d0e3f5;--accent-mid:#1a5499;--green:#0d7a5f;--green-light:#d0f0e8;--red:#c0392b;--red-light:#fde8e6;--amber:#b45309;--amber-light:#fef3c7;--gold:#c8a84b;--gold-light:#fdf3d9;--purple:#5b2d8e;--purple-light:#ede9fe;--navbar-height:58px;--radius-xs:4px;--radius-sm:7px;--radius:11px;--radius-lg:15px;--radius-xl:20px;--font-mono:"DM Mono", monospace;--shadow-xs:0 1px 2px #08306b0f;--shadow-sm:0 1px 4px #08306b14, 0 2px 8px #08306b0d;--shadow:0 4px 16px #08306b1a, 0 1px 4px #08306b0f;--shadow-lg:0 8px 32px #08306b24, 0 2px 8px #08306b14;--transition-fast:.12s cubic-bezier(.4,0,.2,1);--transition:.2s cubic-bezier(.4,0,.2,1)}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.5}.profile-navbar{height:var(--navbar-height);z-index:100;background:linear-gradient(135deg,#08306b 0%,#0d3d82 60%,#0a3272 100%);border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 16px #08306b59}.profile-navbar .logo{align-items:center;gap:9px;text-decoration:none;display:flex}.profile-navbar .logo-icon{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.profile-navbar .logo-text{letter-spacing:-.4px;color:#fff;font-size:15.5px;font-weight:700;line-height:1}.profile-navbar .logo-text span{color:var(--gold)}.profile-navbar .logo-tagline{color:#ffffff73;margin-top:1px;font-size:10px}.profile-nav-links{align-items:center;gap:2px;margin-left:20px;display:flex}.profile-nav-link{border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast);padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none}.profile-nav-link:hover{color:#fff;background:#ffffff1a}.profile-nav-link.active{color:#fff;background:#ffffff24;font-weight:600}.profile-nav-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.profile-nav-divider{background:#ffffff1f;width:1px;height:24px;margin:0 2px}.profile-icon-btn{border-radius:var(--radius-sm);cursor:pointer;color:#ffffffbf;width:35px;height:35px;transition:all var(--transition-fast);background:#ffffff12;border:1px solid #ffffff24;justify-content:center;align-items:center;display:flex;position:relative}.profile-icon-btn:hover{background:#ffffff26;transform:translateY(-1px)}.profile-icon-btn svg{width:15px;height:15px}.profile-notif-dot{background:var(--gold);border:1.5px solid #08306b;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:7px}.profile-pill-nav{border-radius:var(--radius-sm);cursor:pointer;height:35px;transition:background var(--transition);background:#ffffff14;border:1px solid #ffffff29;align-items:center;gap:9px;padding:0 12px 0 7px;text-decoration:none;display:flex}.profile-pill-nav:hover{background:#ffffff24}.profile-pill-avatar{background:linear-gradient(135deg, var(--gold) 0%, #e0b855 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.profile-pill-name{color:#fff;font-size:12px;font-weight:600;line-height:1.3}.profile-pill-role{color:#ffffff7a;font-size:10px;line-height:1.2}.profile-cover{background:linear-gradient(135deg,#041e42 0%,#08306b 40%,#0d3d82 70%,#1a5499 100%);height:200px;position:relative;overflow:hidden}.profile-cover:before{content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.profile-cover:after{content:"";background:radial-gradient(circle,#c8a84b1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;top:-150px;right:-50px}.profile-page-body{max-width:1100px;margin:0 auto;padding:0 32px 60px;position:relative}.profile-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);z-index:1;margin-top:-80px;padding:0 32px 28px;position:relative}.profile-info-top{align-items:flex-end;gap:24px;margin-bottom:-16px;padding-top:0;display:flex;transform:translateY(-40px)}.profile-avatar-large{background:linear-gradient(135deg, var(--gold) 0%, #d4a843 100%);color:#fff;border:4px solid var(--surface);width:108px;height:108px;box-shadow:var(--shadow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:36px;font-weight:700;display:flex;position:relative}.profile-avatar-badge{background:var(--green);border:3px solid var(--surface);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:4px;right:4px}.profile-avatar-badge svg{color:#fff;width:10px;height:10px}.profile-info-main{flex:1;padding-bottom:4px}.profile-display-name{letter-spacing:-.4px;color:var(--text-primary);margin-bottom:3px;font-family:Playfair Display,serif;font-size:26px;font-weight:700;line-height:1.2}.profile-role-text{color:var(--text-muted);align-items:center;gap:8px;font-size:14px;display:flex}.profile-role-text .role-dot{background:var(--gold);border-radius:50%;width:5px;height:5px}.profile-info-actions{gap:10px;padding-bottom:8px;display:flex}.profile-btn-edit{color:#fff;border-radius:var(--radius-sm);cursor:pointer;height:38px;transition:all var(--transition);background:linear-gradient(135deg,#08306b 0%,#0d3d82 100%);border:none;align-items:center;gap:7px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;display:flex;box-shadow:0 3px 12px #08306b40}.profile-btn-edit:hover{transform:translateY(-1px);box-shadow:0 5px 20px #08306b59}.profile-btn-edit svg{width:14px;height:14px}.profile-btn-settings{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:38px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);align-items:center;gap:7px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.profile-btn-settings:hover{border-color:var(--accent-subtle);background:var(--accent-light);color:var(--accent)}.profile-btn-settings svg{width:14px;height:14px}.profile-bio{color:var(--text-secondary);border-top:1px solid var(--border-light);padding:16px 0 0;font-size:14px;line-height:1.65}.profile-meta-tags{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.profile-meta-tag{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.profile-meta-tag svg{width:13px;height:13px;color:var(--text-muted)}.profile-stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;display:grid}.profile-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:center;transition:all var(--transition);padding:20px;position:relative;overflow:hidden}.profile-stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.profile-stat-card:first-child:before{background:linear-gradient(90deg, var(--accent), var(--accent-mid))}.profile-stat-card:nth-child(2):before{background:linear-gradient(90deg, var(--gold), #d4a843)}.profile-stat-card:nth-child(3):before{background:linear-gradient(90deg, var(--green), #059669)}.profile-stat-card:nth-child(4):before{background:linear-gradient(90deg, var(--purple), #7c3aed)}.profile-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.profile-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin:0 auto 12px;font-size:20px;display:flex}.profile-stat-value{font-family:var(--font-mono);color:var(--text-primary);margin-bottom:4px;font-size:26px;font-weight:700;line-height:1}.profile-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:600}.profile-content-grid{grid-template-columns:1fr 380px;gap:20px;margin-top:24px;display:grid}.profile-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.profile-section-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.profile-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.profile-section-title svg{width:15px;height:15px;color:var(--accent)}.profile-section-link{color:var(--accent);cursor:pointer;font-size:12px;font-weight:600;text-decoration:none}.profile-section-link:hover{text-decoration:underline}.profile-activity-list{padding:0}.profile-activity-item{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);cursor:pointer;align-items:flex-start;gap:14px;padding:14px 20px;display:flex}.profile-activity-item:last-child{border-bottom:none}.profile-activity-item:hover{background:var(--surface-2)}.profile-activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.profile-activity-content{flex:1;min-width:0}.profile-activity-title{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.profile-activity-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;display:flex}.profile-activity-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 8px;font-size:9.5px;font-weight:700}.profile-activity-badge.read{background:var(--accent-light);color:var(--accent)}.profile-activity-badge.exported{background:var(--green-light);color:var(--green)}.profile-activity-badge.bookmarked{background:var(--gold-light);color:var(--amber)}.profile-watchlist-item{border-bottom:1px solid var(--border-light);transition:background var(--transition-fast);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.profile-watchlist-item:last-child{border-bottom:none}.profile-watchlist-item:hover{background:var(--surface-2)}.profile-watchlist-left{align-items:center;gap:12px;display:flex}.profile-watchlist-ticker{font-family:var(--font-mono);background:var(--accent);color:#fff;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:700}.profile-watchlist-name{color:var(--text-primary);font-size:13px;font-weight:500}.profile-watchlist-right{text-align:right}.profile-watchlist-price{font-family:var(--font-mono);color:var(--text-primary);font-size:13px;font-weight:600}.profile-watchlist-chg{font-family:var(--font-mono);font-size:11px;font-weight:600}.profile-watchlist-chg.pos{color:var(--green)}.profile-watchlist-chg.neg{color:var(--red)}.profile-detail-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:13px 20px;display:flex}.profile-detail-row:last-child{border-bottom:none}.profile-detail-label{color:var(--text-muted);align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.profile-detail-label svg{width:14px;height:14px}.profile-detail-value{color:var(--text-primary);font-size:13px;font-weight:600}.profile-detail-value.mono{font-family:var(--font-mono)}.profile-tier-badge{text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg, var(--gold) 0%, #d4a843 100%);color:#fff;border-radius:20px;padding:4px 12px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #c8a84b4d}.edit-profile-body{max-width:800px;margin:0 auto;padding:32px}.edit-profile-back{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:6px;margin-bottom:24px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.edit-profile-back:hover{color:var(--accent)}.edit-profile-back svg{width:14px;height:14px}.edit-profile-header{margin-bottom:28px}.edit-profile-header h1{letter-spacing:-.4px;color:var(--text-primary);margin-bottom:6px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.edit-profile-header p{color:var(--text-muted);font-size:14px}.edit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:20px;overflow:hidden}.edit-card-header{border-bottom:1px solid var(--border-light);background:var(--surface-2);padding:18px 24px}.edit-card-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.edit-card-title svg{width:16px;height:16px;color:var(--accent)}.edit-card-body{padding:24px}.edit-avatar-section{border-bottom:1px solid var(--border-light);align-items:center;gap:24px;margin-bottom:28px;padding-bottom:24px;display:flex}.edit-avatar-preview{background:linear-gradient(135deg, var(--gold) 0%, #d4a843 100%);color:#fff;border:3px solid var(--surface);width:90px;height:90px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:30px;font-weight:700;display:flex}.edit-avatar-controls{flex:1}.edit-avatar-controls h4{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700}.edit-avatar-controls p{color:var(--text-muted);margin-bottom:12px;font-size:12px}.edit-avatar-btns{gap:10px;display:flex}.edit-avatar-upload-btn{background:var(--accent-light);border:1px solid var(--accent-subtle);border-radius:var(--radius-sm);height:34px;color:var(--accent);cursor:pointer;transition:all var(--transition);align-items:center;gap:6px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;display:flex}.edit-avatar-upload-btn:hover{background:var(--accent);color:#fff;box-shadow:0 3px 12px #08306b33}.edit-avatar-upload-btn svg{width:13px;height:13px}.edit-avatar-remove-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);height:34px;color:var(--text-muted);cursor:pointer;transition:all var(--transition);padding:0 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600}.edit-avatar-remove-btn:hover{border-color:var(--red);color:var(--red);background:var(--red-light)}.edit-form-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.edit-form-row.full{grid-template-columns:1fr}.edit-form-group label{color:var(--text-secondary);margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.edit-input{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;height:44px;color:var(--text-primary);transition:all var(--transition);outline:none;padding:0 16px;font-family:DM Sans,sans-serif;font-size:14px}.edit-input::placeholder{color:var(--text-muted)}.edit-input:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #08306b14}.edit-textarea{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;transition:all var(--transition);outline:none;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px}.edit-textarea::placeholder{color:var(--text-muted)}.edit-textarea:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #08306b14}.edit-select{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;height:44px;color:var(--text-primary);cursor:pointer;appearance:none;transition:all var(--transition);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%237a9bb8' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;padding:0 16px;font-family:DM Sans,sans-serif;font-size:14px}.edit-select:focus{border-color:var(--accent);background-color:var(--surface);box-shadow:0 0 0 3px #08306b14}.edit-toggle-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.edit-toggle-row:last-child{border-bottom:none}.edit-toggle-info h4{color:var(--text-primary);margin-bottom:2px;font-size:13.5px;font-weight:600}.edit-toggle-info p{color:var(--text-muted);font-size:12px}.edit-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.edit-toggle input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute}.edit-toggle-track{background:var(--border);transition:background var(--transition);border-radius:12px;position:absolute;inset:0}.edit-toggle input:checked+.edit-toggle-track{background:var(--accent)}.edit-toggle-thumb{width:20px;height:20px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.edit-toggle input:checked~.edit-toggle-thumb{transform:translate(20px)}.edit-form-actions{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:24px;display:flex}.edit-btn-cancel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);height:42px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);justify-content:center;align-items:center;padding:0 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:flex}.edit-btn-cancel:hover{border-color:var(--text-muted);color:var(--text-primary)}.edit-btn-save{color:#fff;border-radius:var(--radius);cursor:pointer;height:42px;transition:all var(--transition);background:linear-gradient(135deg,#08306b 0%,#0d3d82 100%);border:none;justify-content:center;align-items:center;gap:8px;padding:0 28px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;display:flex;box-shadow:0 4px 16px #08306b4d}.edit-btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 24px #08306b66}.edit-btn-save svg{width:15px;height:15px}.edit-danger-zone{border-color:var(--red-light)}.edit-danger-zone .edit-card-header{background:var(--red-light)}.edit-danger-zone .edit-card-title,.edit-danger-zone .edit-card-title svg{color:var(--red)}.edit-danger-btn{background:var(--surface);border:1.5px solid var(--red);border-radius:var(--radius-sm);height:38px;color:var(--red);cursor:pointer;transition:all var(--transition);align-items:center;gap:7px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:flex}.edit-danger-btn:hover{background:var(--red);color:#fff;box-shadow:0 3px 12px #c0392b4d}.edit-danger-btn svg{width:14px;height:14px}@media (max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.profile-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.profile-page-body{padding:0 16px 40px}.profile-info-top{text-align:center;flex-direction:column;align-items:center}.profile-info-actions,.profile-meta-tags{justify-content:center}.profile-stats-row{grid-template-columns:1fr 1fr}.profile-nav-links{display:none}.edit-profile-body{padding:24px 16px}.edit-form-row{grid-template-columns:1fr}.edit-avatar-section{text-align:center;flex-direction:column}.edit-avatar-btns{justify-content:center}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}