:root{--section:#1e1e21;--green:#3ba55d}body{padding-top:85px}@media (width<=767px){body{padding-bottom:100px}}header{display:none}.layout-wrapper{max-width:1100px;min-height:calc(100vh - 85px);margin:0 auto;padding:0 1.5rem;display:flex}.sidebar{flex-shrink:0;align-self:flex-start;width:220px;max-height:calc(100vh - 85px);padding:2rem 0;position:sticky;top:85px;overflow-y:auto}.sidebar-section{margin-bottom:.25rem}.sidebar-section-label{color:var(--dim);text-transform:uppercase;letter-spacing:1.5px;padding:.6rem .75rem .35rem;font-size:.63rem;font-weight:800}.sidebar-item{color:var(--dim);transition:var(--transition);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.4rem;align-items:center;gap:10px;width:100%;padding:.55rem .75rem;font-family:inherit;font-size:.84rem;font-weight:600;text-decoration:none;display:flex}.sidebar-item:hover{color:#fff;background:#ffffff0f}.sidebar-item.active{color:#fff;background:#4361ee1f}.sidebar-item i{text-align:center;width:18px;font-size:.9rem}.sidebar-item.active i{color:var(--primary)}.sidebar-divider{border:none;border-top:1px solid var(--border);margin:.5rem .75rem}.sidebar-logout{color:#ef4444!important}.sidebar-logout:hover{background:#ef44441a!important}@media (width<=900px){.sidebar{display:none}}.page-wrapper{flex:1;min-width:0;padding:2.5rem 0 2.5rem 2rem}@media (width<=900px){.page-wrapper{padding:2rem 0}}.page-title{color:#fff;letter-spacing:-.5px;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800}.section-block{background:var(--section);border:1px solid var(--border);border-radius:1rem;margin-bottom:1.25rem;overflow:hidden}.profile-banner{cursor:pointer;background:linear-gradient(135deg,#4361ee 0%,#7b2ff7 50%,#f72585 100%) 50%/cover no-repeat;height:100px;position:relative;overflow:hidden}.banner-overlay{color:#0000;letter-spacing:.8px;text-transform:uppercase;transition:var(--transition);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex;position:absolute;inset:0}.profile-banner:hover .banner-overlay{color:#fff;background:#00000073}.profile-header-card{padding:0 1.5rem 1.5rem;position:relative}.avatar-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:-38px;margin-bottom:1rem;display:flex}.avatar-wrapper{cursor:pointer;flex-shrink:0;width:76px;height:76px;position:relative}.profile-avatar{background:linear-gradient(135deg, var(--primary), var(--pink));color:#fff;border:3px solid var(--section);background-position:50%;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:1.75rem;font-weight:800;display:flex;overflow:hidden;box-shadow:0 4px 16px #0006}.avatar-overlay{color:#0000;transition:var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;display:flex;position:absolute;inset:0}.avatar-wrapper:hover .avatar-overlay{color:#fff;background:#00000080}.role-badge{text-transform:uppercase;letter-spacing:.8px;color:var(--primary);background:#4361ee26;border:1px solid #4361ee4d;border-radius:2rem;align-items:center;gap:6px;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.role-badge.admin{color:var(--pink);background:#f7258526;border-color:#f725854d}.role-badge.staff{color:var(--yellow);background:#ffd70026;border-color:#ffd7004d}.profile-name-block h1{color:#fff;margin-bottom:.2rem;font-size:1.25rem;font-weight:800}.profile-name-block p{color:var(--dim);font-size:.8rem;font-weight:500}.info-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.info-row:last-child{border-bottom:none}.info-label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.25rem;font-size:.72rem;font-weight:800}.info-value{color:#fff;font-size:.9rem;font-weight:600}.btn-edit{border:1px solid var(--border);color:var(--text);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#ffffff12;border-radius:.4rem;align-items:center;gap:6px;padding:.4rem .9rem;font-family:inherit;font-size:.78rem;font-weight:600;display:inline-flex}.btn-edit:hover{background:#ffffff1a;border-color:#888}.inline-edit{flex-direction:column;gap:.6rem;padding:0 1.5rem 1rem;display:none}.inline-edit.open{display:flex}.inline-edit input{border:1px solid var(--border);color:#fff;width:100%;transition:var(--transition);background:#111;border-radius:.5rem;padding:.65rem 1rem;font-family:inherit;font-size:.9rem}.inline-edit input:focus{border-color:var(--primary);outline:none}.inline-edit-actions{gap:.5rem;display:flex}.btn-save{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.4rem;align-items:center;gap:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:.8rem;font-weight:700;display:inline-flex}.btn-save:hover{background:#3451d1}.btn-cancel-edit{color:var(--dim);border:1px solid var(--border);cursor:pointer;transition:var(--transition);background:0 0;border-radius:.4rem;padding:.5rem 1rem;font-family:inherit;font-size:.8rem;font-weight:600}.btn-cancel-edit:hover{color:#fff;border-color:#666}.edit-feedback{font-size:.78rem;font-weight:600;display:none}.edit-feedback.success{color:var(--green);display:block}.edit-feedback.error{color:#ef4444;display:block}.section-header{border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.section-header h2{color:#fff;margin-bottom:.2rem;font-size:1rem;font-weight:700}.section-header p{color:var(--dim);font-size:.82rem;font-weight:500}.section-body{flex-wrap:wrap;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:.5rem;align-items:center;gap:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.btn-primary:hover{background:#3451d1;transform:translateY(-1px)}.btn-danger-outline{color:#ef4444;cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #ef444459;border-radius:.5rem;align-items:center;gap:8px;padding:.6rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.btn-danger-outline:hover{background:#ef44441a;border-color:#ef4444}.modal-overlay.open{display:flex}.modal-card{background:var(--card);border:1px solid var(--border);border-radius:1.25rem;width:100%;max-width:440px;padding:2.5rem;box-shadow:0 40px 80px #0009}.modal-card h3{margin-bottom:.3rem;font-size:1.1rem;font-weight:800}.modal-card>p{color:var(--dim);margin-bottom:1.75rem;font-size:.85rem;font-weight:500}.modal-close{float:right;cursor:pointer;color:var(--dim);margin-top:-.5rem;margin-right:-.5rem;padding:.25rem;font-size:1.1rem}.modal-close:hover{color:#fff}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.72rem;font-weight:800;display:block}.form-group input{border:1px solid var(--border);color:#fff;width:100%;transition:var(--transition);background:#111;border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.form-group input:focus{border-color:var(--primary);outline:none}.modal-feedback{margin-bottom:1rem;font-size:.8rem;font-weight:600;display:none}.modal-feedback.error{color:#ef4444;display:block}.modal-feedback.success{color:var(--green);display:block}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}