*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--bg-elevated:#0a0a0a;--card:#111113;--card-border:#ffffff14;--text:#fff;--text-secondary:#a1a1aa;--accent:#09f;--accent-glow:#0099ff26;--pill-bg:#ffffff14;--pill-bg-hover:#ffffff24;--pill-active-bg:#fff;--pill-active-text:#000;--overlay:#000000eb;--hero-gradient:linear-gradient(180deg, #08080a 0%, #000 100%);--ring:#ffffff0f;--tag-bg:#ffffff0d;--tag-border:#ffffff14;--timeline-line:#ffffff14;--timeline-dot:#3f3f46;--upload-border:#ffffff1a;--upload-hover:#0099ff0f;--delete-hover:#ef44441f;--status-bg:#22c55e14;--status-border:#22c55e26;--status-text:#4ade80}[data-theme=light]{--bg:#fafafa;--bg-elevated:#fff;--card:#fff;--card-border:#0000000f;--text:#0a0a0a;--text-secondary:#6b7280;--accent:#06c;--accent-glow:#0066cc1a;--pill-bg:#0000000a;--pill-bg-hover:#00000014;--pill-active-bg:#0a0a0a;--pill-active-text:#fff;--overlay:#ffffffeb;--hero-gradient:linear-gradient(180deg, #f0f0f2 0%, #fafafa 100%);--ring:#0000000f;--tag-bg:#00000008;--tag-border:#00000014;--timeline-line:#00000014;--timeline-dot:#d4d4d8;--upload-border:#0000001f;--upload-hover:#0066cc0a;--delete-hover:#ef444414;--status-bg:#22c55e0f;--status-border:#22c55e1f;--status-text:#16a34a}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.hero{background:var(--hero-gradient);border-bottom:1px solid var(--card-border);margin-bottom:2rem;padding:3.5rem 0 0;transition:background .3s}.hero-top{align-items:flex-start;gap:2rem;margin-bottom:2.5rem;display:flex}.avatar-wrapper{cursor:pointer;border-radius:18px;flex-shrink:0;width:80px;height:80px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px #0099ff4d}.avatar-wrapper:hover{transform:scale(1.05)}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar{color:#fff;background:linear-gradient(135deg,#09f 0%,#a855f7 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:1.75rem;font-weight:700;display:flex}.avatar-overlay{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;font-size:1.2rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.avatar-wrapper:hover .avatar-overlay{opacity:1}.hero-details{flex:1;min-width:0}.title-row{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:.35rem;display:flex}.hero h1{letter-spacing:-.04em;font-size:2rem;font-weight:700;line-height:1.1}.status-badge{background:var(--status-bg);color:var(--status-text);border:1px solid var(--status-border);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:9999px;padding:.2rem .65rem;font-size:.7rem;font-weight:600}.role-tag{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.05rem;font-weight:500}.summary{color:var(--text-secondary);max-width:720px;margin-bottom:1rem;font-size:.95rem;line-height:1.65}.hero-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.hero-meta a{color:var(--text-secondary);text-decoration:none;transition:color .15s}.hero-meta a:hover{color:var(--accent)}.dot{opacity:.35}.loc{font-size:.85rem}.main-nav{align-items:center;gap:0;display:flex}.nav-tab{color:var(--text-secondary);cursor:pointer;letter-spacing:-.01em;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:color .15s;position:relative}.nav-tab:hover,.nav-tab.active{color:var(--text)}.nav-tab.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:1.25rem;right:1.25rem}.theme-toggle{background:var(--pill-bg);border:1px solid var(--card-border);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:auto;font-size:1.1rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--pill-bg-hover)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.filters{flex-wrap:wrap;gap:.4rem;display:flex}.filter-btn{background:var(--pill-bg);color:var(--text-secondary);cursor:pointer;text-transform:capitalize;letter-spacing:-.01em;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem 1rem;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.filter-btn:hover{background:var(--pill-bg-hover);color:var(--text)}.filter-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text);font-weight:600}.count{opacity:.5;font-size:.7rem}.upload-toggle{background:var(--pill-active-bg);color:var(--pill-active-text);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:9999px;padding:.45rem 1.1rem;font-size:.82rem;font-weight:600;transition:opacity .15s}.upload-toggle:hover{opacity:.8}.upload-zone{border:2px dashed var(--upload-border);text-align:center;cursor:pointer;border-radius:16px;margin-bottom:2rem;padding:2.5rem 2rem;transition:all .2s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--accent);background:var(--upload-hover)}.upload-icon{color:var(--text-secondary);opacity:.6;margin-bottom:.5rem}.upload-text{margin-bottom:.2rem;font-size:.95rem;font-weight:500}.upload-hint{color:var(--text-secondary);font-size:.8rem}.gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:4rem;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}.card{background:var(--card);border:1px solid var(--card-border);cursor:pointer;border-radius:14px;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;animation:.45s forwards fadeUp;overflow:hidden}.card:hover{border-color:var(--accent-glow);transform:translateY(-3px);box-shadow:0 12px 32px -8px #00000040}[data-theme=light] .card:hover{box-shadow:0 12px 32px -8px #00000014}.media-container{aspect-ratio:4/3;background:#080808;width:100%;position:relative;overflow:hidden}[data-theme=light] .media-container{background:#f0f0f0}.media-container img,.media-container video{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.card:hover .media-container img,.card:hover .media-container video{transform:scale(1.03)}.card-overlay{opacity:0;background:#00000040;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.card:hover .card-overlay{opacity:1}.play-icon{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.card-info{justify-content:space-between;align-items:flex-start;padding:.9rem 1.1rem;display:flex}.card-info-left{flex:1;min-width:0}.badge{text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-size:.6rem;font-weight:600}.card-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin-top:.15rem;font-size:.95rem;font-weight:500;overflow:hidden}.delete-btn{color:var(--text-secondary);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:.5rem;padding:.3rem;transition:all .15s;display:flex}.card:hover .delete-btn{opacity:1}.delete-btn:hover{background:var(--delete-hover);color:#ef4444}.about-view{margin-bottom:4rem;animation:.4s fadeUp}.about-grid{grid-template-columns:1.8fr 1fr;gap:2.5rem;display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr}.hero-top{flex-direction:column;gap:1.25rem}.hero h1{font-size:1.5rem}.gallery{grid-template-columns:1fr}.item-header{flex-direction:column;gap:.25rem}}.about-section h2{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.timeline{flex-direction:column;gap:1.75rem;display:flex}.timeline-item{border-left:1px solid var(--timeline-line);padding-left:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--timeline-dot);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:-4px}.timeline-item:first-child:before{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.item-header{justify-content:space-between;align-items:baseline;margin-bottom:.2rem;display:flex}.item-header h3{letter-spacing:-.01em;font-size:1rem;font-weight:500}.time{color:var(--text-secondary);white-space:nowrap;font-size:.8rem}.company{color:var(--accent);margin-bottom:.5rem;font-size:.85rem;font-weight:500}.timeline-item ul{color:var(--text-secondary);padding-left:1.1rem;font-size:.88rem;line-height:1.6}.timeline-item li{margin-bottom:.35rem}.about-sidebar{flex-direction:column;gap:1.25rem;display:flex}.side-card{background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:1.25rem;transition:background .3s,border-color .3s}.side-card h2{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.05rem;font-weight:600}.edu-item{margin-bottom:1rem}.edu-item:last-child{margin-bottom:0}.edu-item h4{font-size:.92rem;font-weight:500}.school{color:var(--text-secondary);margin:.1rem 0;font-size:.8rem}.spec{color:var(--text-secondary);font-size:.82rem}.skill-group{margin-bottom:1rem}.skill-group:last-child{margin-bottom:0}.group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.72rem;font-weight:600;display:block}.tags{flex-wrap:wrap;gap:.35rem;display:flex}.tags span{background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:6px;padding:.25rem .6rem;font-size:.78rem;transition:background .15s}.cert-title{font-size:.92rem;font-weight:500}.empty-state{text-align:center;color:var(--text-secondary);background:var(--card);border:1px dashed var(--card-border);border-radius:14px;padding:4rem 2rem}.empty-state p{margin-bottom:.75rem}.lightbox-overlay{background:var(--overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;justify-content:center;align-items:center;padding:2rem;animation:.15s fadeUp;display:flex;position:fixed;inset:0}.lightbox-close{background:var(--pill-bg);border:1px solid var(--card-border);color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;line-height:1;transition:opacity .15s;display:flex;position:absolute;top:1.25rem;right:1.5rem}.lightbox-close:hover{opacity:.7}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex}.lightbox-media{object-fit:contain;border-radius:10px;max-width:100%;max-height:75vh}.lightbox-info{text-align:center;max-width:550px;margin-top:1.25rem}.lightbox-info h3{letter-spacing:-.02em;margin:.35rem 0;font-size:1.3rem}.lightbox-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.footer{border-top:1px solid var(--card-border);text-align:center;color:var(--text-secondary);padding:1.75rem 0;font-size:.78rem;transition:border-color .3s}.passcode-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.passcode-modal{background:var(--card);border:1px solid var(--card-border);text-align:center;border-radius:16px;width:90%;max-width:320px;padding:2rem;box-shadow:0 24px 48px -12px #00000080}.passcode-modal h3{font-weight:500;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1rem;font-size:.9rem}.passcode-modal input{background:var(--bg);border:1px solid var(--card-border);width:100%;color:var(--text);text-align:center;font-family:var(--font-mono);letter-spacing:.2em;border-radius:8px;margin-bottom:1rem;padding:.8rem 1rem}.passcode-modal input:focus{border-color:var(--accent);outline:none}.passcode-modal button{background:var(--text);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:8px;padding:.8rem;font-weight:500;transition:opacity .2s}.passcode-modal button:hover{opacity:.9}.passcode-error{color:#ef4444;margin-top:-.5rem;margin-bottom:1rem;font-size:.8rem}.admin-status-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef4444;border-radius:12px;margin-left:.75rem;padding:.15rem .5rem;font-size:.7rem;font-weight:600;transition:all .2s}.admin-status-btn:hover{color:#fff;background:#ef4444}.edit-modal{background:var(--card);border:1px solid var(--card-border);border-radius:16px;width:90%;max-width:400px;padding:2rem;box-shadow:0 24px 48px -12px #00000080}.edit-modal h3{font-weight:500;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:1.25rem;font-size:.9rem}.edit-modal label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.75rem;display:block}.edit-modal input,.edit-modal textarea{background:var(--bg);border:1px solid var(--card-border);width:100%;color:var(--text);resize:vertical;border-radius:8px;margin-bottom:1rem;padding:.7rem .9rem;font-family:inherit;font-size:.9rem}.edit-modal input:focus,.edit-modal textarea:focus{border-color:var(--accent);outline:none}.edit-type-row{gap:.5rem;margin-bottom:1.25rem;display:flex}.edit-actions{gap:.75rem;display:flex}.edit-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.7rem;font-weight:500;transition:opacity .2s}.edit-actions button[type=submit]{background:var(--text);color:var(--bg)}.edit-actions button[type=submit]:hover{opacity:.9}.edit-cancel{color:var(--text-secondary);background:0 0;border:1px solid var(--card-border)!important}.card-desc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.card-admin-actions{flex-shrink:0;gap:.35rem;display:flex}.action-icon-btn{border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.action-icon-btn:hover{border-color:var(--accent);color:var(--accent)}.action-icon-btn.delete-btn:hover{color:#ef4444;border-color:#ef4444}