body{background:#f0f0f0;font-family:Arial,sans-serif}h1{color:#333}.menu{background:#2c3e50;min-width:200px;max-width:250px}.menu-item{color:#ecf0f1;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff14;padding:14px 16px;font-size:15px;font-weight:500;transition:background .2s,color .2s}.menu-item:hover{background:#34495e}.menu-item:focus{color:#fff;background:#34495e;outline:none}.menu-item:first-child{border-top:none}.menu-item:last-child{border-bottom:none}.profile-card{background:#fff;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;padding:14px}.profile-card-nickname{color:#2c3e50;font-size:1.1em;font-weight:700}.profile-card-name,.profile-card-desc,.profile-card-created{color:#555;margin-top:4px;font-size:.9em}.profile-card-actions{gap:8px;margin-top:10px;display:flex}.profile-card-actions button{cursor:pointer;background:#f8f8f8;border:1px solid #ccc;border-radius:4px;padding:6px 12px}.profile-card-actions button:hover{background:#e8e8e8}.profile-popup{background:#fff;border:1px solid #ccc;border-radius:8px;min-width:380px;max-width:500px;padding:20px;box-shadow:0 4px 20px #0003}.profile-popup-header{justify-content:space-between;align-items:center;margin-bottom:16px;font-size:1.2em;font-weight:700;display:flex}.profile-popup-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:1.3em}.profile-popup-field{margin-bottom:12px}.profile-popup-field label{color:#555;margin-bottom:4px;font-size:.85em;display:block}.profile-popup-field input,.profile-popup-field textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px;font-family:inherit}.profile-popup-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.profile-create-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;margin-bottom:18px;padding:10px 20px;font-size:1em}.profile-create-btn:hover{background:#219a52}