:root{--color-bg:#f8fafc;--color-surface:#fff;--color-primary:#667eea;--color-accent:#764ba2;--color-text:#1a202c;--color-muted:#718096;--radius:.5rem;--radius-lg:1rem;--shadow-sm:0 1px 3px #0000001a;--shadow-lg:0 10px 25px #0000001a;--font-heading:system-ui,-apple-system,sans-serif;--font-body:system-ui,-apple-system,sans-serif;--space-1:.75rem;--space-2:1.5rem;--space-3:3rem}@media (prefers-color-scheme:dark){:root{--color-bg:#1a202c;--color-surface:#2d3748;--color-text:#e2e8f0;--color-muted:#a0aec0}}[data-profile-type=writer]{--color-primary:#667eea;--color-accent:#764ba2}[data-profile-type=developer]{--color-primary:#10b981;--color-accent:#059669}[data-profile-type=editor]{--color-primary:#063194;--color-accent:#092492}[data-profile-type=researcher]{--color-primary:#8b5cf6;--color-accent:#7c3aed}[data-profile-type=contributor]{--color-primary:#06b6d4;--color-accent:#0891b2}.profile-page{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body)}.container{max-width:1100px;padding:var(--space-2);margin:0 auto}.profile-hero{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;padding:var(--space-3)0;background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.cover-image-overlay{background:linear-gradient(135deg,rgba(var(--color-primary-rgb,102,126,234),.8),rgba(var(--color-accent-rgb,118,75,162),.8));z-index:1;position:absolute;inset:0}.profile-hero.has-cover-image{background-image:var(--cover-image-url)}.profile-hero:before{content:"";z-index:1;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.profile-grid{z-index:3;gap:var(--space-2);grid-template-columns:1fr;align-items:center;width:100%;display:grid;position:relative}.profile-side{justify-content:center;display:flex}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);width:100%;max-width:300px;padding:var(--space-2);align-items:center;gap:var(--space-1);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;display:flex}.profile-image-wrap{border-radius:var(--radius-full);background:#fff3;border:3px solid #ffffff4d;justify-content:center;align-items:center;width:160px;height:160px;transition:transform .3s;display:flex;overflow:hidden}.profile-image{color:#fff;font-family:var(--font-heading);font-size:3.25rem;font-weight:700}.profile-avatar-img{object-fit:cover;width:100%;height:100%}.profile-side-meta{width:100%}.dynamic-stats{margin-top:var(--space-1)}.stats-grid{gap:var(--space-1);justify-content:center;display:flex}.stat-card{text-align:center;flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.stat-number{font-weight:700;font-family:var(--font-heading);color:var(--page-text);font-size:1.5rem}.stat-label{color:var(--page-text);font-size:.85rem}.profile-main{padding-top:var(--space-1)}.profile-heading{gap:calc(var(--space-1)/2);margin-bottom:var(--space-2);flex-direction:column;display:flex}.profile-name{font-family:var(--font-heading);color:#fff;text-shadow:0 2px 4px #0003;margin:0;font-size:2.5rem;font-weight:800}.profile-title{color:#ffffffe6;margin:.5rem 0;font-size:1.25rem}.role-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.role-tag{color:#fff;border-radius:var(--radius);background:#fff3;border:1px solid #ffffff4d;padding:.25rem .75rem;font-size:.85rem;font-weight:500}.profile-intro p{color:#ffffffe6;font-size:1.1rem;line-height:1.6}.profile-location{margin-top:var(--space-1);color:#fffc;align-items:center;gap:.5rem;display:flex}.social-links{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.social-link{color:#fff;border-radius:var(--radius);background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:all .2s;display:flex}.social-link:hover{background:#fff3;transform:translateY(-2px)}.profile-body{margin-top:var(--space-3)}.profile-sections{gap:var(--space-3);grid-template-columns:1fr;display:grid}.section{background:var(--color-surface);padding:var(--space-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-muted);border-opacity:.2}.section-heading{font-family:var(--font-heading);margin:0 0 var(--space-2);color:var(--color-text);font-size:1.5rem;font-weight:700}.about-details{gap:var(--space-2);flex-direction:column;display:flex}.about-text{color:var(--color-text);font-size:1.05rem;line-height:1.7}.professional-details{gap:var(--space-1);flex-direction:column;display:flex}.detail-item{border-bottom:1px solid #7180961a;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-label{color:var(--color-muted);min-width:120px;font-weight:600}.detail-value{color:var(--color-text);text-align:right;flex:1;font-weight:500}.detail-link{color:var(--color-primary);text-decoration:none}.detail-link:hover{text-decoration:underline}.section-divider{background:var(--color-muted);height:1px;margin:var(--space-2)0;opacity:.2}.subheading{margin-bottom:var(--space-2);color:var(--color-text);font-size:1.15rem;font-weight:700}.expertise-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.expertise-card{gap:var(--space-1);background:var(--color-bg);border-radius:var(--radius);padding:var(--space-1);border:1px solid var(--color-muted);border-opacity:.2;align-items:center;transition:transform .2s,box-shadow .2s;display:flex}.expertise-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.expertise-icon{border-radius:var(--radius);background:var(--color-primary);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;font-weight:700;display:flex}.expertise-body{flex:1}.expertise-title{color:var(--color-text);margin-bottom:.25rem;font-weight:600}.expertise-description{color:var(--color-muted);font-size:.9rem}.achievements-list{gap:var(--space-2);flex-direction:column;display:flex}.achievement-item{padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius);border:1px solid #71809633}.achievement-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.achievement-title{color:var(--color-text);margin:0;font-size:1.1rem;font-weight:700}.achievement-type{font-size:1.5rem}.achievement-description{color:var(--color-muted);margin:0;line-height:1.5}.achievement-date{color:var(--color-primary);margin-top:.5rem;font-size:.9rem;font-weight:600;display:block}.dynamic-sections{display:contents}.dynamic-component-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.projects-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.project-card{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-2);border:1px solid #71809633;transition:all .2s}.project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.project-title{color:var(--color-text);margin:0;font-weight:700}.project-status{border-radius:var(--radius);padding:.25rem .75rem;font-size:.8rem;font-weight:600}.project-status.live{color:#10b981;background:#10b9811a}.project-status.in-progress{color:#f59e0b;background:#f59e0b1a}.project-description{color:var(--color-muted);margin:var(--space-1)0;line-height:1.5}.project-tech{margin:var(--space-1)0;flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{background:var(--color-primary);color:#fff;border-radius:var(--radius);opacity:.8;padding:.25rem .5rem;font-size:.8rem}.project-link{color:var(--color-primary);font-size:.9rem;font-weight:600;text-decoration:none}.project-link:hover{text-decoration:underline}.publications-list{gap:var(--space-2);flex-direction:column;display:flex}.publication-item{background:var(--color-bg);border-radius:var(--radius);padding:var(--space-2);border:1px solid #71809633}.publication-header{margin-bottom:var(--space-1);justify-content:space-between;align-items:flex-start;gap:var(--space-1);display:flex}.publication-title{color:var(--color-text);flex:1;margin:0;font-weight:700;line-height:1.4}.publication-type{background:var(--color-primary);color:#fff;border-radius:var(--radius);white-space:nowrap;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.publication-meta{gap:var(--space-1);margin-bottom:var(--space-1);color:var(--color-muted);flex-wrap:wrap;font-size:.9rem;display:flex}.publication-journal{color:var(--color-text);font-weight:600}.publication-doi{color:var(--color-primary);font-size:.85rem;text-decoration:none}.publication-doi:hover{text-decoration:underline}.reviews-list{gap:var(--space-1);flex-direction:column;display:flex}.review-item{background:var(--color-bg);border-radius:var(--radius);padding:var(--space-1);border:1px solid #71809633}.review-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.review-journal{color:var(--color-text);font-weight:600}.review-status{border-radius:var(--radius);padding:.25rem .5rem;font-size:.75rem;font-weight:600}.review-status.completed{color:#10b981;background:#10b9811a}.review-status.in-progress{color:#f59e0b;background:#f59e0b1a}.review-meta{color:var(--color-muted);justify-content:space-between;font-size:.85rem;display:flex}.contact-section{border:2px solid #3b82f633}.contact-content{gap:var(--space-2);flex-direction:column;display:flex}.contact-methods{gap:var(--space-1);flex-direction:column;display:flex}.contact-method{align-items:center;gap:var(--space-1);padding:var(--space-1);background:var(--color-primary);color:#fff;border-radius:var(--radius);font-weight:600;text-decoration:none;transition:all .2s;display:flex}.contact-method:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.social-contact{align-items:center;gap:var(--space-1);display:flex}.contact-label{color:var(--color-muted);font-weight:600}.social-links-compact{gap:.5rem;display:flex}.social-link-compact{background:var(--color-primary);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex}.social-link-compact:hover{transform:scale(1.1)}.no-content{text-align:center;padding:var(--space-3);color:var(--color-muted)}@media (min-width:900px){.profile-grid{align-items:start;gap:var(--space-3);grid-template-columns:minmax(260px,320px) 1fr}.profile-sections{grid-template-columns:1fr}.expertise-grid{grid-template-columns:repeat(2,1fr)}.contact-methods{flex-direction:row}}@media (max-width:768px){.profile-name{font-size:2rem}.stats-grid{gap:.5rem}.stat-card{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;padding:.5rem}.detail-item{flex-direction:column;align-items:flex-start;gap:.5rem}.detail-value{text-align:left}}.profile-image-wrap,.expertise-card,.project-card,.contact-method{transition:all .22s}.location-icon{color:var(--color-primary);margin-right:.5rem}.social-icon{width:1.2rem;margin-right:.5rem}.contact-icon{width:1.2rem;color:var(--color-primary);margin-right:.75rem}.expertise-icon svg{font-size:1.2rem}.achievement-type svg{color:var(--color-primary);font-size:1.1rem}.social-link-compact svg{font-size:1.1rem}
.profile-manager{max-width:1400px;margin:0 auto;padding:2rem;font-family:system-ui,-apple-system,sans-serif}.manager-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.manager-header h2{color:#1a202c;margin:0}.manager-content{grid-template-columns:350px 1fr;gap:2rem;min-height:600px;display:grid}.profiles-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:80vh;padding:1.5rem;overflow-y:auto}.profiles-list h3{color:#2d3748;margin-top:0;margin-bottom:1rem}.profile-item{cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;transition:all .2s;display:flex}.profile-item:hover{background:#f7fafc;border-color:#cbd5e0}.profile-item.active{background:#ebf8ff;border-color:#3182ce}.profile-info strong{color:#2d3748;font-size:.95rem;display:block}.profile-type{color:#4a5568;text-transform:capitalize;background:#edf2f7;border-radius:4px;margin-top:.25rem;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.profile-editor{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:80vh;padding:1.5rem;overflow-y:auto}.editor-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.editor-header h3{color:#2d3748;margin:0}.editor-actions{gap:.5rem;display:flex}.editor-form{flex-direction:column;gap:2rem;display:flex}.form-section{border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem}.form-section h4{color:#2d3748;border-bottom:1px solid #e2e8f0;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#4a5568;margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid #cbd5e0;border-radius:4px;width:100%;padding:.75rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.expertise-item,.achievement-item,.social-link-item{background:#f7fafc;border-radius:4px;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;padding:.75rem;display:flex}.expertise-item input:last-of-type{flex:0 0 80px}.achievement-item{flex-direction:column;gap:.5rem}.achievement-item>div{gap:.5rem;width:100%;display:flex}.achievement-item textarea{flex:2}.achievement-item select{flex:0 0 140px}.profile-preview{flex-direction:column;gap:2rem;display:flex}.preview-section{border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem}.preview-section h4{color:#2d3748;border-bottom:1px solid #e2e8f0;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem}.expertise-preview{flex-wrap:wrap;gap:.5rem;display:flex}.expertise-tag{color:#4a5568;background:#edf2f7;border-radius:20px;padding:.375rem .75rem;font-size:.875rem;display:inline-block}.achievement-preview{border-bottom:1px solid #e2e8f0;margin-bottom:1rem;padding-bottom:1rem}.achievement-preview:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.social-link-preview{margin-bottom:.5rem}.social-link-preview a{color:#3182ce;text-decoration:none}.social-link-preview a:hover{text-decoration:underline}.icon-input{flex:0 0 80px!important}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#3182ce}.btn-primary:hover{background:#2c5aa0}.btn-success{color:#fff;background:#38a169}.btn-success:hover{background:#2f855a}.btn-secondary{color:#4a5568;background:#e2e8f0}.btn-secondary:hover{background:#cbd5e0}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-edit{color:#fff;cursor:pointer;background:#ed8936;border:none;border-radius:4px;padding:.375rem .75rem;font-size:.8rem}.btn-edit:hover{background:#dd6b20}.btn-remove{color:#fff;cursor:pointer;background:#e53e3e;border:none;border-radius:4px;flex-shrink:0;width:32px;height:32px;font-size:1.2rem;line-height:1}.btn-remove:hover{background:#c53030}@media (max-width:768px){.manager-content{grid-template-columns:1fr}.profiles-list{max-height:300px}.expertise-item,.social-link-item,.achievement-item>div{flex-direction:column}}